On Sep 3, 2011, at 5:35 AM, John wrote:
> Also, my banner headline with name and description of work does weird things
> when viewed online in either Safari 5 or 4. I have no clue why it would look
> different when online, but I'm really not seeing why it got pushed downward.
It is a bug in WebKit (which can happen in Gecko as well, sometimes). The
floated block that follows the image doesn' move 'up' into the empty space to
the right of the image.
This would fix it:
.UX_Logo > img {float:left;}
#BannerText {
color: #53575E;
font-size: 150%;
font-family: Helvetica Neue, Arial, Verdana, sans-serif;
font-weight: bold;
/*float: right;*/ /* <----- remove */
margin: 40px 245px 0 0; /* <----- adjust to taste */
}
PS - what ever happened to semantic markup ? Using H1, H2, etc…
PS2 - your scrollbars are triggered by the fact that the last content element
in your document was an image, which is inline by default, rest on the
baseline, etc. It then doesn't expand the height of the overflow box.
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/
