3 column layout issue in internet explorer

JulianRead101 · #1 (**permalink**) May 31st, 2007, 00:14

I am having a problem with the 3 column layout in ie 6 and 7.

If you view the following URL in mozilla it looks the way it should

http://private.isolve-online.com:808...en-Investments

however in ie7 and ie6 the footer at bottom of the page does not line up I am using the follwing code.

Code: Select all

#footer4_container
{
   width: 762px;
   margin-left:auto; 
   margin-right:auto;
}

#footer4_column1
{
    width: 7px;
    height: 7px;
    float: left;
    background-image: url(image location);
    background-repeat: no-repeat;
}

#footer4_column2
{
   width: 748px;
   height: 7px;
   float: left;
   background-color: #27090B;
   border-bottom: solid #E4E660 1px;
   background-repeat: no-repeat;
}

#footer4_column3
{
   width:  7px;
   height: 7px;
   float: left;
   background-image:      url(image location); 
   background-repeat: no-repeat;
}

I am relatively new to using tableless designs and any help would be greatly appreciated.

I am also having the same problem at the top of the page and the dividor between the navigation and search our site in the left column is also different in internet explorer.

Thank You For Your Time

Lchad · #2 (**permalink**) May 31st, 2007, 00:34

Can you try setting a height in the footer4_container div?
It seems that the container is not tall enough to withhold the other footer divs.

The site looked fine in IE7 and FF on my computer. The problems for me were in IE6. The header has two little chunks out of it was well. Did you see that part?

If you could send your css, I might be able to be more helpful. Your css was really confusing to me. I'm not that much of a css veteran either.

karinne · #3 (**permalink**) May 31st, 2007, 12:51

Please read the sticky at the top of the forum

PLEASE READ: How and When to post your question!

You should validate your site first. You have 26 HTML errors and 14 CSS errors (granted the first 3 you can ignore)

Fix those up first. It may and may not fix your problem but at least we won't be looking at code that shouldn't work in the first place

moojoo · #4 (**permalink**) May 31st, 2007, 14:22

http://www.newguyinennis.com/samples...yout_3_column/

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Internet Explorer 6.0 & 5.5 don't like me	bodgit	Web Page Design	0	May 10th, 2008 17:40
Internet Explorer 6 layout probs	cubix	Web Page Design	1	Apr 9th, 2008 23:36
Internet Explorer 8	CloudedVision	Webforumz Cafe	9	Feb 20th, 2008 23:05
CSS Internet Explorer only	Kropotkin	Web Page Design	8	Sep 5th, 2007 12:34
Problem with three column layout in Internet Explorer	Aleksandersen	Web Page Design	12	Mar 19th, 2007 06:09

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
3 column layout issue in internet explorer