CSS Frustration from hell

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
Crispin_Java
Forum Newbie
Posts: 8
Joined: Thu Feb 05, 2009 2:34 pm

CSS Frustration from hell

Post by Crispin_Java »

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
watson516
Forum Contributor
Posts: 198
Joined: Mon Mar 20, 2006 9:19 pm
Location: Hamilton, Ontario

Re: CSS Frustration from hell

Post by watson516 »

Do you have any code?
Crispin_Java
Forum Newbie
Posts: 8
Joined: Thu Feb 05, 2009 2:34 pm

Re: CSS Frustration from hell

Post by Crispin_Java »

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>
User avatar
Christopher
Site Administrator
Posts: 13596
Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US

Re: CSS Frustration from hell

Post by Christopher »

That's actually pretty standard "screwy formatting" needed to do style based layout in all browsers.
(#10850)
Post Reply