On Jan 13, 2009, at 7:38 AM, Daniel Hammond wrote:
> 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
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
