| > URL: http://www.studentremix.org | > CSS: http://www.studentremix.org/landing.css | > | > For a reference of what this page should look like, look at | it in FF | > or IE. | > They display it correctly. Safari, Opera, and Google Chrome | push the | > blue | > image to the bottom of the screen. I don't see anything in the CSS | > that | > would be causing this. Can anyone else see what the issue is? | | Actually, Gecko could be wrong here... | > #portalWrapper { /*landing.css (line 39)*/ | > background:transparent none repeat scroll 0 0; | > display:table; | > margin:345px auto 0; /* <--- */ | | Gecko puts the margin inside the anonymous table box that wraps an | element with display table, where as the other mentioned | browsers put | it outside. (see the illustration in [1]) | | There has been some discussion on www-style on what the actual | behaviour should be (without any firm conclusion yet, but all | browsers | appear slightly wrong). | | set that margin-top to 0 and use margin on the links inside | it to the | desired value. BTW | | BTW: | a.portalLeftRight { | /*....*/ | display:inline-block; | float:left; | } | That 'display:inline-block' is no needed. Specifying'float:left/ | right' always makes an element display:block. | | [1] <http://www.w3.org/TR/CSS21/tables.html#model> | | Philippe
Thanks, that did the trick. Daniel ______________________________________________________________________ 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/
