Nicole Aebi wrote:
>> In this case an additional...
>>
>> #title {left: 0;}
>>
>> ...will be enough, but in most cases both horizontal and vertical
>> position should be declared.
> Is there a difference between "margin-left" and "left"?
Yes! Those two properties have *nothing* in common - despite the fact
that they both can visibly move and "position" the element in question.
Replace your entire #title style with the following...
#title {
position:absolute;
left:0;
top:100px;
width:750px;
text-align:left;
}
...and it will end up in the correct position - with no margins.
You can not control element-positioning without knowing how and when to
use these different properties, so study the entire "Visual formatting
model"[1] until you have a good understanding of the basics.
Especially "9.3.1 Choosing a positioning scheme: 'position' property"
apply in your case, since you're choosing 'position: absolute' for a
number of elements.
Anything but "position: static" (which is default) means the part I
linked to in previous mail: "9.3.2 Box offsets: 'top', 'right',
'bottom', 'left'", takes effect.
Notice the different ways these properties affect "relative",
"absolute" and "fixed" elements, while they have no effect on "static"
elements.
regards
Georg
[1]http://www.w3.org/TR/2004/CR-CSS21-20040225/visuren.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
