[css-d] Text and image alignment

[Tim Wolak]

Hi all,

I have some pretty different reactions from various browsers as to how they
layout the text of the main content.  I have two images that encase my main
text, one at the top and one at the bottom, the top image and the text are
fine but when you change browsers is the problem(go figure).  At the end of
the last paragraph the space between it and the bottom image varies quite a
bit between browsers and it can be quite a bit.

The second thing is the image on the right, the spacing between it and the
main content floats around a bit as well.  Does anyone have any suggestions
how to correct this?

http://dev.howsmykiddriving.org

Thanks,
Tim
__
css-discuss [cs...@lists.css-discuss.org]
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/

Re: [css-d] Text and image alignment

[Bill Brown]

 Does anyone have any suggestions how to correct this?
 http://dev.howsmykiddriving.org

Hi Tim--

Validate the markup, for starters:
http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fdev.howsmykiddriving.org%2F

Errors in coding, even small ones produce unreliable and unpredictable 
results. Different browsers use different methods to handle errors so 
the output is inconsistent.

The extra spacing could either be related to collapsing margins (add 
body * {margin-top:0} at the top of your style sheet to test/fix this) 
or related to the height setting of 340px on #Content.

Hope that helps.
Bill
__
css-discuss [cs...@lists.css-discuss.org]
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/