Reply
Attempting to make a three column page with header and footer
Old 06-05-2008, 01:47 AM Attempting to make a three column page with header and footer
Arenlor's Avatar
Ultra Talker

Posts: 463
Name: Jerod Lycett
Location: /home/arenlor
Alright here's what I have so far (may be a bit slow to connect as it's on my local machine) http://70.15.139.117:8180/quake/ I'm still working on getting rid of the tables, got it mainly done, while I'm working on that though the thing is he has a header, three columns, and a footer. I'm trying to preserve this (I know the code and page are currently pretty convulated, but I'm working on removing all the tables before I go through it further) for him. What I'm working with currently though is the main body I have four divs for this, named main_body, left_column, main_column, right_column where main_body is just a container for the three containers. The current CSS for those four are:
Code:
div#main_body {width:2000px;}
div#left_column {float:left;}
div#main_column {}
div#right_column {float:right;}
I'm not sure if it's currently fixable (I still have some TDs and TRs in the right column I'm removing) but I'd like it to be where the left side of the center column is even with the right side of the left column the whole way down (currently it moves to the left of the page after the left column). I'd like it to match up with the right column too in the end. I really don't care about how it looks in IE6, I'm trying to get people to switch to FF anyway so I don't need IE6 hacks.
__________________
PHP Code:
<?php echo "Hello World"?>
HTML Code:
<html><head><title>Hello World</title></head><body><p>Hello World</p></body></html>
Arenlor is offline
Reply With Quote
View Public Profile Visit Arenlor's homepage!
 
When You Register, These Ads Go Away!
     
Old 06-05-2008, 09:15 AM Re: Attempting to make a three column page with header and footer
LadynRed's Avatar
Super Moderator

Posts: 6,406
Location: Tennessee
Make sure you give the floated columns a width. When you float an element, you must define a width for it.

Can't see the URL, it timed out and our proxy choked, but sounds like you're getting float drop from your description. Are you saying you want all 3 columns to be the same height, regardless of content ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-05-2008, 01:19 PM Re: Attempting to make a three column page with header and footer
Arenlor's Avatar
Ultra Talker

Posts: 463
Name: Jerod Lycett
Location: /home/arenlor
No, forgot to set widths for them is all, thanks, figured you'd know what I was doing wrong.
__________________
PHP Code:
<?php echo "Hello World"?>
HTML Code:
<html><head><title>Hello World</title></head><body><p>Hello World</p></body></html>
Arenlor is offline
Reply With Quote
View Public Profile Visit Arenlor's homepage!
 
Reply     « Reply to Attempting to make a three column page with header and footer
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.11575 seconds with 13 queries