Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Main content shows below floated content


createErrorMsg - 1:17 am on Aug 11, 2004 (gmt 0)


I hate to tell you this, but there is nothing in the CSS you posted that would cause the problem you describe. Nor is there anything in the CSS you posted that would cause the result you desire. All of that CSS is display stuff (fonts and colors with a few margins and such) without any positioning. I assume from this, and from some of the selectors in your CSS, that you are using tables for layout, which must mean the positioning problem lies in the HTML, not the CSS. Except that you said something was floated...?

In other words, the problem you describe is a layout problem, and so must result from an error in your layout method. If you indeed use tables, check them to be sure you haven't left out a cell or colspan or something like that. If you use CSS for positioning, we'll need to see that CSS instead.

A couple thoughts on the CSS you posted:

border:none

Although 'none' is a valid value for the border-style property, it means the same thing as a '0' setting for border-width, which is the more common practice for displaying no border on an object. Either is valid, but I find using border:0; is more helpful when it comes to calculating box widths and such. Perhaps that's just a matter of taste...

position: static;

This is the default setting for all elements until explicitly set otherwise, therefore it is unecessary to specify it in the code.

Get back to us with more code if you can! We need to see that part about floating and widths, etc.


Thread source:: http://www.webmasterworld.com/css/4257.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com