HTML and CSS RSS HTML and CSS RSS

basic 3 column css layout

Reply

•
•
Join Date: Nov 2008
Posts: 20
Reputation: jimbob90 is an unknown quantity at this point 
Solved Threads: 0
jimbob90 jimbob90 is offline Offline
Newbie Poster

basic 3 column css layout

 
0
  #1
Mar 12th, 2009
for some reason my "right" appears lower than the "content" (center) but not the "left"

css Syntax (Toggle Plain Text) 
  1. #box {
  2. width:900px;
  3. margin-left: auto;
  4. margin-right: auto;
  5. }
  6.  
  7.  
  8. #content {
  9. overflow: auto;
  10. width:600px;
  11. padding:0px;
  12. background-color:#fff;
  13. float:center;
  14. }
  15.  
  16. #left {
  17. width:150px;
  18. padding:0px;
  19. float:left;
  20. }
  21.  
  22. #right {
  23. width:150px;
  24. padding:0px;
  25. float: right;
  26. }

my div structure
div box open >> div left open >> div left close >> div content open >> div content close >> div right open >> div right close >> div box close
Last edited by peter_budo; Mar 21st, 2009 at 3:04 pm. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2007
Posts: 596
Reputation: buddylee17 has a spectacular aura about buddylee17 has a spectacular aura about 
Solved Threads: 125
buddylee17's Avatar
buddylee17 buddylee17 is offline Offline
Posting Pro

Re: basic 3 column css layout

 
0
  #2
Mar 12th, 2009
There is no such attribute value as "float:center". Only left and right.
Lost time is never found again.
- Benjamin Franklin
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2008
Posts: 7
Reputation: scottloway is an unknown quantity at this point 
Solved Threads: 2
scottloway scottloway is offline Offline
Newbie Poster

Re: basic 3 column css layout

 
0
  #3
Mar 18th, 2009
Try floating #content left, that should do the trick:

css Syntax (Toggle Plain Text) 
  1. #content {
  2.      float: left;
  3. }
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2007
Posts: 3,210
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

Re: basic 3 column css layout

 
0
  #4
Mar 19th, 2009
Pixel sizing is never a good idea.
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC