CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old July 26th, 2004, 03:21 PM
CodyM CodyM is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2004
Location: Vancouver, Washington
Posts: 77 CodyM User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 15 h 28 sec
Reputation Power: 0
Send a message via AIM to CodyM Send a message via MSN to CodyM
Div problem

Ok i want more than one div on the same line.... but this code isnt working. My divs are formatted to look like tables... just so you know.

Code:
<center>

<div class="top">
 <div class="header">
 Header, Yo!
 </div>
</div>

 <div class="bg">

   <div class="left">
    <div class="header2">
    Yo, Fool! Title!
    </div>
   </div>

   <div class="main">
    <div class="header2">
    MAIN TITLE HERE
    </div>
   </div>

   <div class="right">
    <div class="header2">
    Yo, Fool! Title!
    </div>
   </div>

</center>

Reply With Quote
  #2  
Old July 26th, 2004, 05:06 PM
kk5st's Avatar
kk5st kk5st is offline
Thanks Johnny Hart (BC) R.I.P.
Dev Shed Demi-God (4500 - 4999 posts)
 
Join Date: May 2003
Location: Dallas
Posts: 4,672 kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level) 
Time spent in forums: 1 Month 3 Days 14 h 56 m 21 sec
Reputation Power: 687
There's a couple or more ways to do this.
Code:
styles

#right {
    float: right;
    width: 200px;
    }

#left {
    float: left;
    width: 200px;
    }

#middle {
    margin: 0 210px;
    }

or

#right {
    position: absolute;
    right: 0;
    width: 200px;
    }

#left {
    position: absolute;
    left: 0;
    width: 200px;
    }

#middle {
no different
    }

html

<div id="banner">some stuff</div>
<div id="left">stuff</div>
<div id="right">stuff</div>
<div id="middle">stuff</div>
Go to /*PIE*/, and read all the articles, excellant positioning info.

cheers,

gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

My html and css workshop, demos and tutorials.
Ask a better question, get a better answer.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Div problem


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway
Stay green...Green IT