Hey I’m new here on the forums but have been following Chris Coyier for sometime now, hope I can get some help :)
I’ve got a problem with a WordPress Blog I’m building at the moment, everything has been working fine for the most part in all browsers including Internet Explorer up until today. I added a Twitter plugin on my page, put it in my header and floated it to the left, which works fine in Safari, Firefox, Chrome, and Opera. It’s only until I open the page up into internet explorer that I get these HUGE gaps above and below my navigation. Very weird, pics below.
Now if I take away the float left in the CSS it looks fine in Internet Explorer 7, but not so fine in the other browsers. Pics below.
I hope I haven’t made it too difficult for you to understand me, the page I’m having problems with can be viewed here http://ressoosnowdon.com/icestar/.
Any help would be much appreciated.
Thanks in advance!
have you tried clearing the float the way Chris taught in one of his tutorials?
try something like this. add this div just before your header ends i.e. </div> of the header div
where the class clear is defined as
Sometimes not clearing the float creates loads of weird problems :P
I’ve got the float cleared already, see below
For some reason it just doesn’t want to work in internet explorer, i’ve been trying to solve this problem for a decent three hours now :(
background: url(/icestar/images/tweet-bubble.png) no-repeat;
padding: 13px 20px 13px 39px;
You must be logged in to reply to this topic.