ok i got the 3 colum css layout to work.. but it makes all the colums have to be the same length it goes like so:
http://extremehabbo.com/v3/
i want so each can expand idvidually cause the sides will have multiple small boxes where the middle will be 1 tall one/
code:
http://pastebin.com/m1b52b260
http://pastebin.com/m13bc81e
or am i going be forced to use 3 colum table then put the divs inside..
Results 1 to 10 of 10
Thread: 3 colum css help
-
3 colum css help
Last edited by Colin-Roberts; 31-01-2010 at 10:49 PM.
.:.:#14:.:. .:.: Impossible Is Nothing :.:. .:.: 845 Rep:.:.
.:.: Stand up for what is right, even if you stand alone:.:.
-
Don't set the height to 100%. Make height auto and then do overflow: hidden; so the background expands.
-
ok i did the 3 heights as auto, were do i put overflow:hidden??
inside the mid divs?.:.:#14:.:. .:.: Impossible Is Nothing :.:. .:.: 845 Rep:.:.
.:.: Stand up for what is right, even if you stand alone:.:.
-
Yeah, and it should do the trick
-
didnt work :S
link in first post is using this css:
.:.:#14:.:. .:.: Impossible Is Nothing :.:. .:.: 845 Rep:.:.
.:.: Stand up for what is right, even if you stand alone:.:.
-
try making a container for each box, and floating them all to the left. Put the left header, middle and footer in the left box, middles in middle, and right in right.
-
anyone think kk.s idea would work? since thats a virtual recode?
.:.:#14:.:. .:.: Impossible Is Nothing :.:. .:.: 845 Rep:.:.
.:.: Stand up for what is right, even if you stand alone:.:.
-
its not a virtual recode, use the floating boxes youve created already or use other ones.
youd probably have to change the div boxs and add float left in them too, or something similar at leastCode:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>ExtremeHabbo ~ 2010</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="djsays"></div> <div id="cont"> <div id="floatleft"> <div id="lefttop"></div> <div id="leftmid"></div> <div id="leftbot"></div> </div> <div id="floatleft"> <div id="midtop"></div> <div id="midmid"> <?php if(!$_GET[page]){ include("pages/home.php"); }else{ include("pages/$_GET[page].php"); } ?> </div> <div id="midbot"></div> </div> <div id="floatleft"> <div id="righttop"></div> <div id="rightmid"></div> <div id="rightbot"></div> </div> <div style=clear: both;"></div> </div> </body>
-
kk. idea worked it seemed
.:.:#14:.:. .:.: Impossible Is Nothing :.:. .:.: 845 Rep:.:.
.:.: Stand up for what is right, even if you stand alone:.:.
-
wow, my memory serves me better than what i thought!
Reply With Quote
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts