IE7 not displaying CSS columns properly

randy77 · #1 (**permalink**) Feb 12th, 2008, 03:54

I'm having trouble getting my sites' columns to line up properly in IE7. Everything looks they way I want it to in Firefox 2.0.

If someone could review my code and provide me with a tip or two, I would be forever grateful. I'm new to CSS, so detailed help would be great.

The test page can be found at http://847local.com/baker/index.html

The stylesheet is at http://847local.com/baker/style.css

Thanks for your help!

-Randy

randy77 · #2 (**permalink**) Feb 12th, 2008, 22:26

anyone up to this?

delusion · #3 (**permalink**) Feb 12th, 2008, 22:34

try to make your #content_container less wide..
If that helps, create a conditional in your index.html (in your <head> </head>) like this:

Code: Select all

<!--[if IE]>
<style type="text/css"> 
#content_container {
width:770px;
}
</style>
<![endif]-->

randy77 · #4 (**permalink**) Feb 12th, 2008, 23:44

I changed #container to 806px wide, and #content_container to 770px wide. I then added the conditional code to the <head>, but not much changed. This has me really frustrated. I'm almost ready to scrap the whole thing and start over! Stupid IE7!

delusion · #5 (**permalink**) Feb 14th, 2008, 00:16

It probably still doesn't fit.. What I did before I used the webdeveloper plugin for firefox is create a 1px wide solid border around alls the divs so i can see what's going on.

Try to exaggerate your width to about 500px on the #content_container..

Monie · #6 (**permalink**) Feb 14th, 2008, 05:04

It is easier for us if you could host them somewhere

Jack Franklin · #7 (**permalink**) Feb 16th, 2008, 08:50

As delusion said, make your width even smaller:

Code: Select all

<!--[if IE]>
<style type="text/css"> 
#content_container {
width:500px;
}
</style>
<![endif]-->

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Layout not aligning properly	casho	Web Page Design	9	Feb 11th, 2008 11:12
Just started learning properly	weasel	PHP Forum	14	Jan 16th, 2008 21:17
Displaying multiple columns in a combo box	1840dsgn	Web Page Design	1	Jan 7th, 2008 04:56
[SOLVED] Webpage not displaying properly in Firefox	Johnathan	Web Page Design	25	Jan 5th, 2008 01:34
Can't add a div box properly to my page.	Moonlilly	Starting Out	1	Feb 26th, 2007 20:38

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
IE7 not displaying CSS columns properly