TeddyKiller Posted April 1, 2010 Share Posted April 1, 2010 I'm wanting a template with 3 collums a total width of 1000px, left and right collum, should be 180px width. and the center collum the rest of it. with a left and right margin of 24px, backgrounds completely white. Now here's where the problem may lay,between each collums, so left and right border should be a grey colour. Now the problem with that, i'm wanting the height not to be a fixed size. So the more information in it, the bigger it is. Although with a minimum height of 500px. Whenever I try, it all goes wrong. So.. I'm just.. fed up. I need someone to quickly do it for me and I'll learn from it. The desired header, is this. <body><div id="top"> <div id="header"> <div id="extra"><span><a style="margin-bottom:8px;" href="#">My Account</a> | <a href="logout.php">Log Out</a></span></div> <div id="navigator"> <ul id="topnav"> <li><a href="/">Home</a></li> <li><a href="/main.php?sk=wall">Horble Wall</a></li> </ul> </div> </div> </div></body> CSS is.. body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin: 0; padding: 0; color: #000000; background:#E1E3DE; text-align: left; } #top { height:40px; background:#e11919; } #header { background:url(ima/hdrtit.jpg) no-repeat; width:1000px; height:40px; margin: 0 auto; } #header a, #header a visted, #header a active, #header a hover { color:#FFF; font-weight:normal; text-decoration:none; } #header { color:#FFF; } #navigator { width:450px; margin-left:260px; height:40px; } #extra { height: 38px; line-height: 38px; float:right; width:200px; text-align:right; margin-right:10px; } ul#topnav { border: 0; margin: 0; padding: 0; list-style: none; width:100%; height:38px; position: relative; } ul#topnav li { float: left; margin: 0 0.15em; } ul#topnav li a { height: 38px; line-height: 38px; margin-top:1px; float: left; width: 80px; display: block; color: #fff; text-decoration: none; text-align: center; } #topnav li a:hover, #topnav li.active a, #topnv li a.selected { color:#e11919; background:#fff; } Sorry it's a bit messy, you can tidy it up if you want. I'm just wanting this sorted out asap. Cheers! Link to comment https://forums.phpfreaks.com/topic/197183-can-someone-help-me-with-a-htmlcss-template/ Share on other sites More sharing options...
haku Posted April 1, 2010 Share Posted April 1, 2010 Here is a list of 3-column layouts: http://www.dynamicdrive.com/style/layouts/category/C10/ This one looks like what you want: http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/ Link to comment https://forums.phpfreaks.com/topic/197183-can-someone-help-me-with-a-htmlcss-template/#findComment-1035049 Share on other sites More sharing options...
TeddyKiller Posted April 1, 2010 Author Share Posted April 1, 2010 Hmm.. no I'll have a look at it and see if I can change it to something I want. Link to comment https://forums.phpfreaks.com/topic/197183-can-someone-help-me-with-a-htmlcss-template/#findComment-1035310 Share on other sites More sharing options...
TeddyKiller Posted April 1, 2010 Author Share Posted April 1, 2010 The problem with it is.. I want it all maximum height. Though expands when theres more text.. and it dont. It's stupid :/ Link to comment https://forums.phpfreaks.com/topic/197183-can-someone-help-me-with-a-htmlcss-template/#findComment-1035316 Share on other sites More sharing options...
TeddyKiller Posted April 1, 2010 Author Share Posted April 1, 2010 Got it working, used my current template that I had, height:100% is ideal, but it dont work. So.. what happens is.. the site height is a min-height:500px, so I set it as min-height:500px for the center collum. Works sweetly! Link to comment https://forums.phpfreaks.com/topic/197183-can-someone-help-me-with-a-htmlcss-template/#findComment-1035326 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.