Try adding “clear: none;” to the 2 CSS classes in those div’s. Or, you can add that inline via a style=”clear: none;” attribute to the div’s directly.
-WCC
Here’s another way of looking at it for beginners:
always wrap float elements inside a div and create a special css rule for that div. example:
<div class='floatcontainer'>
AND ONLY PLACE FLOATING ELEMENTS IN HERE. IF IT DOESN'T FLOAT, IT DOESN'T GO IN HERE.
<div>
and the floatcontainer is just a clearfix hack. Second, all floating DIVs must have a width otherwise there’s no point in floating it.
Now you can go crazy with floating divs.
Thread Starter
bobtem
(@bobtem)
Amonon,
Could you firebug the code from that page and offer me a specific example of the new class I would create. Guess I”m not sure what attributes to assign to it.
Regards,
BOb T
<style type="text/css">
body {
background-image: url(images/header_bg.jpg);
background-repeat: repeat;
}
</style>
is in the body section of your code….it would need to be in your <head> section. CSS needs to be in your stylesheet, or in the head (unless its inline styling)
Also, check this out:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bobtema.com%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.767
Any idea what that’s about? I was trying to run your site through the validator (its hard to truly pin down css issues when a site isn’t valid, as it will look quite different on different browsers) but I can’t even get yours to run
