|
|
|
|
Thread title: 3 Columns Problem |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
01-26-2007, 09:35 PM
|
#1
|
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
Posts: 3,312
|
3 Columns Problem
This is my first XHTML/CSS layout...
The layout is using 3 vertical sections. A left section, middle section and right section..
Basically, the middle section is going under the left section and the right section under that. I have floated the left section left and right section right. I also tried clear but could not get that to work either
Here's what I mean: Link
Help appreciated
Also worth mentioning...I know there are other errors :P if you know how to fix those too that's great.
|
|
01-26-2007, 09:37 PM
|
#2
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
Make sure the total of all of your divs inside the wrapper add up to the wrapper width. Then try floating the the left and middle divs to the left and the right to the right. Mess with widths/margins to make it work in IE6.
Your search bar might be something to do with it (it's being pushed down).
|
|
01-26-2007, 09:50 PM
|
#3
|
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
Posts: 3,312
|
It adds up to 4px less, I did the floating but it didn't work
|
|
01-26-2007, 10:26 PM
|
#4
|
Status: I'm new around here
Join date: Jan 2007
Location:
Expertise:
Software:
Posts: 13
|
I believe that for one, you are missing your closing tag for <div id="left-column">
|
|
01-26-2007, 10:33 PM
|
#5
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
firsteye is correct, and also, your coding is what I refer to as "div soup". Too bad it also uses tables.. I would just work on your coding first.
|
|
01-26-2007, 10:37 PM
|
#6
|
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
Posts: 3,312
|
Thanks for that, closed it up now, doesn't seem to change anything.
|
|
01-26-2007, 10:40 PM
|
#7
|
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
Posts: 3,312
|
Originally Posted by Andrew R
firsteye is correct, and also, your coding is what I refer to as "div soup". Too bad it also uses tables.. I would just work on your coding first.
|
Yeah I know man, I know exactly what you mean . I didn't know how to do the header without tables aswell.
|
|
01-26-2007, 11:24 PM
|
#8
|
Status: I'm new around here
Join date: Jan 2007
Location:
Expertise:
Software:
Posts: 13
|
In your style sheet you have
Code:
#middle-column {
float: left;
width: 556px;
margin-top: 6px;
margin-right: 4px;
margin-left: 4px;
clear: both;
}
you need to get rid of the clear: both;
|
|
01-26-2007, 11:32 PM
|
#9
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
Hehe, I didn't even notice that, great eye firsteye. :P
Yeah, just get rid of any clear: both;'s in the middle or right column if you have them, then it should be fixed.
|
|
01-27-2007, 11:00 AM
|
#10
|
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
Posts: 3,312
|
Thanks for the help guys, I started again and I seem to have got most things under control.
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|