SVG and CSS

I wrote simple rect.svg :

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="mystyle.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<svg width="100%" height="100%">
<rect x="100" y="100" width="300" height="200"/>
</svg>


and the css file is mystyle.css :
rect {
fill: red;
stroke: blue;
stroke-width: 3;
}

The above example works fine.........
but if i want to move the rectangle to right most corner
what are the attributes need to be given in CSS file?
i included top:20%;
left:50%; in CSS........
but its not working.........
Please guide me......
Thanks.....
Madhu

Excuse me, how can I make a new topic?:confused:

Go to here
SVG Questions - XML Elves (http://www.xmlelves.com/svg-questions/)
and then click on "New Thread".. you should see a green button just below the Elf logo.

What is your topic?

Eric :D

I wrote simple rect.svg :

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="mystyle.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<svg width="100%" height="100%">
<rect x="100" y="100" width="300" height="200"/>
</svg>


and the css file is mystyle.css :
rect {
fill: red;
stroke: blue;
stroke-width: 3;
}

The above example works fine.........
but if i want to move the rectangle to right most corner
what are the attributes need to be given in CSS file?
i included top:20%;
left:50%; in CSS........
but its not working.........
Please guide me......
Thanks.....
Madhu
Hello!
I never tried to position SVG elements with CSS (except for a quick test two minutes ago...), but in my opinion you can't.
SVG elements are positioned (and transformed) by their attributes and their position is one of the information contained (and provided) by the element itself.
--
Antonio A.