Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1113 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

3 Columns Problem

Thread title: 3 Columns Problem
Closed Thread    
    Thread tools Search this thread Display Modes  
01-26-2007, 09:35 PM
#1
Seb is offline Seb
Seb's Avatar
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
 
Posts: 3,312
iTrader: 36 / 100%
 

Seb is on a distinguished road

  Old  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
Andrew R is offline Andrew R
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
 
Posts: 5,200
iTrader: 17 / 95%
 

Andrew R is on a distinguished road

  Old

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
Seb is offline Seb
Seb's Avatar
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
 
Posts: 3,312
iTrader: 36 / 100%
 

Seb is on a distinguished road

  Old

It adds up to 4px less, I did the floating but it didn't work

01-26-2007, 10:26 PM
#4
firsteye is offline firsteye
Status: I'm new around here
Join date: Jan 2007
Location:
Expertise:
Software:
 
Posts: 13
iTrader: 0 / 0%
 

firsteye is on a distinguished road

  Old

I believe that for one, you are missing your closing tag for <div id="left-column">

01-26-2007, 10:33 PM
#5
Andrew R is offline Andrew R
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
 
Posts: 5,200
iTrader: 17 / 95%
 

Andrew R is on a distinguished road

  Old

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
Seb is offline Seb
Seb's Avatar
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
 
Posts: 3,312
iTrader: 36 / 100%
 

Seb is on a distinguished road

  Old

Thanks for that, closed it up now, doesn't seem to change anything.

01-26-2007, 10:40 PM
#7
Seb is offline Seb
Seb's Avatar
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
 
Posts: 3,312
iTrader: 36 / 100%
 

Seb is on a distinguished road

  Old

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
firsteye is offline firsteye
Status: I'm new around here
Join date: Jan 2007
Location:
Expertise:
Software:
 
Posts: 13
iTrader: 0 / 0%
 

firsteye is on a distinguished road

  Old

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
Andrew R is offline Andrew R
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
 
Posts: 5,200
iTrader: 17 / 95%
 

Andrew R is on a distinguished road

  Old

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
Seb is offline Seb
Seb's Avatar
Status: Watermelon Man
Join date: Nov 2006
Location: London
Expertise:
Software:
 
Posts: 3,312
iTrader: 36 / 100%
 

Seb is on a distinguished road

  Old

Thanks for the help guys, I started again and I seem to have got most things under control.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed