Need Major CSS Help: Different on Every Browser

can anyone help me with this issue? http://d.pr/tzGA my site

 

The #follow is floated and needs to be cleared inside of the widget-container.

what if you would put a clearing div right under the <div id="follow">Blah blah</div> but still inside the widget-container ,like:
<div id="follow">Blah blah</div>
<div class="clear"></div>

Below is a good class for a clearing div
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

Bet it'll work

 

thanks bro!

 

ya, just saw that both containers within the #follow div is also floated, so one of the <div class="clear"></div>

inside that container - under the floated elements - would also be necessary.
An uncleared float is kinda invisible to browsers, the DOM cannot figure out what the elements rendered height should be, so things tend to f**k up when you don't clear things properly

 

little confused at this point. could you pastebin an example from this? css: http://pastebin.com/E5H8EKR7 html: http://pastebin.com/ERrrxmkk

 

Nah. Look at your html paste:

on line 41 - right AFTER the </ul> - insert - <div class="clear"></div>

the result on line 41 should be:
</ul><div class="clear"></div>


Then on line 42 - right AFTER the </div> - insert - <div class="clear"></div>


The rsult on line 42 should be:
</div><div class="clear"></div>

In your css file, below all other code, insert the following css code:

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

Now that shouldn't be so difficult?

 

done and done. thanks again bro. really appreciate it. gonna do an all browser test now

 

from now on, do yourself a favour and test your coding in internet explorer. It will save you a lot of headache since anything that looks good in explorer will look good in the other browsers too
Develop in FF and test in IE

 

still a huge space on internet explorer 7 http://d.pr/1XXr

 

its because of the buysellads, try to put this in your html head:

<!--[if IE 7]>
<style type="text/css">
div.bsap {height:0px!important;}
</style>
<![endif]-->

 

No, on second thought, the ID for the buysellads are always the same for that placement right?

Use it instead:
<!--[if IE 7]>
<style type="text/css">
div#bsap_1259184 {height:0px!important;}
</style>
<![endif]-->

 

thanks bro!

 

no problem.

 

hmmm, didnt work