|
|||||||||
|
|||||||||
|
|||||||||
 |
|||||||||
| |
||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
ASP Free Forums Sponsor:
|
|
|
|
#1
January 23rd, 2006, 08:07 PM
|
|||
|
|||
Fluid 3 column design
Hey guys...
Have a little question im stuck on... Im basically doing a 3 column fluid css design layout. the left column and right column are fixed widths and the central column is fluid and stretches out. That all works ok... but now i basically need to split the central stretching column in to 2 columns of equal width... but i cant give them 50% width each as this thinks 50% of whole page and just doesnt work... anyway im a bit lost... I am including the basic css styles below so you may see any help would be so appreciated... thank you as always css styles Code:
/* General page layout styles */
body {
background-color: #CCCCCC;
text-align: center;
margin: 0;
}
#container {
width: 90%;
margin-right:auto;
margin-left:auto;
text-align: left;
background-color: #FFF;
}
#colLeft {
float: left;
width: 194px;
}
#colMain {
float: left;
}
#colMain #splitLeft {
float: left;
}
#colMain #splitRight {
float: left;
}
#colRight {
float: right;
width: 195px;
}
the basic page layout Code:
<body> <div id="container"> <div id="colLeft">asdasdd</div> <div id="colMain"> <div id="splitLeft">left</div> <div id="splitRight">right</div> </div> <div id="colRight">asdasdd</div> </div> </body>
|
|
#2
March 1st, 2006, 03:30 AM
|
||||
|
||||
|
What you should do is put a <div> in the middle column and inside of that div put the two columns. I think they should respect the width of their parent div. I usually apply bright background colors to my divs so I can see where they span.
__________________
If you found a post of mine helpful, please click on the  on my post to add to my reputation.
|
|
#3
March 2nd, 2006, 12:39 PM
|
|||
|
|||
|
I don't think another Div will help ..you already have them inside a div colMain
If the colMain div had a fixed width you could do it, but as it's fluid... try 3 column layout this is about the best 3 column layout fixed left fixed right fluid center. Once you have that in place, then try the floated columns within the mid section. Last edited by webecho : March 2nd, 2006 at 12:40 PM. Reason: add live link
|
|
#4
March 2nd, 2006, 02:58 PM
|
||||
|
||||
|
Quote:
Another div is exactly what he needs. The beauty of divs is that they're block display so it'll span the entire width of his inner column and allow him to do ANYTHING he wants inside of there. Fixed left fixed right fluid center is what he has. He wants to add to the center.
|
|
| Viewing: ASP Free Forums > Web Design > Web Layout > Fluid 3 column design |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
