Dave M G wrote:
> Following on my own post, I saw on the web that there might be a bug
> in IE7 that prevents margins from working properly. It was
> recommended that one could use padding instead, depending on the
> circumstances.
What you're seeing in your page is not a browser-bug, but a designer-bug.
You're floating elements inside a width-less absolute positioned
element, while gambling on that Firefox' rendering is correct.
There is no "correct" rendering for such an incomplete combination of
elements and styles that you have offered those poor browsers, so they
all come out with different solutions.
Note that IE/win doesn't default to "dead in the water" positioning
when a *position* is left out for an absolute positioned element. Other
browsers do - more or less successfully, but they are "just guessing" on
the rest.
>> You can see that the text in the bottom right, which is in a div
>> called '.footer-text-right', and has a 'padding:0px 50px 0px 0px;',
>> the margin seems to be having no effect.
Add...
#footer {
position: relative;
}
#footer-text {
left: 50px;
right: 50px;
}
...and delete...
.footer-text-right {
padding:0px 50px 0px 0px;
}
...and Firefox, Opera and IE7 will align the entire footer identical.
Even IE6 is close, although that version can't absolute position an
element's opposite sides and therefore gets the width wrong.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
