Hi Everyone,
I have recently added a shoutbox to the left side of my site. The middle section is already created, so to add it to the left I just put 'float: left;' in it's div class. It shows up perfectly in Google Chrome and Firefox, but in IE, all of the middle content is shifted about 100px to the right... It looks totally screwed up. It there anything I can do about it?
Cheers,
Crispin
CSS Frustration from hell
Moderator: General Moderators
Re: CSS Frustration from hell
Do you have any code?
-
Crispin_Java
- Forum Newbie
- Posts: 8
- Joined: Thu Feb 05, 2009 2:34 pm
Re: CSS Frustration from hell
After hours of trying to sort this out, here is the solution for screwy formatting in Internet Explorer: Two different '<div id="sfsfds">whatever</div>' declarations NEED to be both encased in a master div class for them to appear on the same 'line'. i.e.
<div id="one">
<div id="two">
</div>
<div id="three">
</div>
</div>
<div id="one">
<div id="two">
</div>
<div id="three">
</div>
</div>
- Christopher
- Site Administrator
- Posts: 13596
- Joined: Wed Aug 25, 2004 7:54 pm
- Location: New York, NY, US
Re: CSS Frustration from hell
That's actually pretty standard "screwy formatting" needed to do style based layout in all browsers.
(#10850)