darkzar99 Posted July 11, 2006 Share Posted July 11, 2006 I need some help with some CSS if anyone knows whats wrong here. My problem is described in the image below, for many it may be a simple problem with a simple answer but i can not find a solution to this problem: http://i72.imagethrust.com/i/148519/help.gif thanks! Quote Link to comment Share on other sites More sharing options...
davepwnt Posted July 12, 2006 Share Posted July 12, 2006 I don't understand exactly what you want, can you explain it again? Like a site example maybe? Quote Link to comment Share on other sites More sharing options...
darkzar99 Posted July 12, 2006 Author Share Posted July 12, 2006 Ok, I want a 3-column css layout with a fixed width, and a header and footer. I want all three columns to be the same height at all times, as you can see in the picture in the first post the middle is shorter and when i add text to it the side colums are shorter, i found this link http://www.positioniseverything.net/articl...d_pagemaker.php but that was made with a layout generator but i dont like that because i dont really know whats going on Quote Link to comment Share on other sites More sharing options...
Jordban Posted July 12, 2006 Share Posted July 12, 2006 Well making all the other collums hight change with the rest of them is complicated. The best method that I have came across is making an image that is 1px high with the width of the site. Then you make that repeat-y. Make this image the background of a div which parents all the different column divs. Expending as they do. I have an example online http://www.simplefolder.com/werelinux/were.../submitdocs.php The site is dead, but you get the idea. The css file can be found at http://www.simplefolder.com/werelinux/werelinux/main.css As you can see the parent div css background is background: url(bg.png) repeat-y 0 0; and the image can be found here http://www.simplefolder.com/werelinux/werelinux/bg.png THis is very old, and i'm sure my code is crap, but it's a start. If i could remember the name of that method i would be able to help you out more. If you need to have borders that are dashed just make the image like 4 pixels high and have two of them black, two white. Good luck! Quote Link to comment Share on other sites More sharing options...
darkzar99 Posted July 12, 2006 Author Share Posted July 12, 2006 ok thanks Jordban, btw those dashed lines werent borders, thats just what dreamweaver identifies div tags as in the preview window Quote Link to comment Share on other sites More sharing options...
metatron Posted July 12, 2006 Share Posted July 12, 2006 I recommend Adobe GoLive CS2 for CSS work if you are lazy. Quote Link to comment Share on other sites More sharing options...
MrDave2176 Posted July 12, 2006 Share Posted July 12, 2006 Ok, I want a 3-column css layout with a fixed width, and a header and footer. I want all three columns to be the same height at all times, as you can see in the picture in the first post the middle is shorter and when i add text to it the side colums are shorter, i found this link http://www.positioniseverything.net/articl...d_pagemaker.php but that was made with a layout generator but i dont like that because i dont really know whats going on Does it have to be a CSS-only solution? You can do this with Javascript if you need to. Secondly, it is possible to do it all with Javascript, but is it okay to FAKE it? You can use background images to make it appear that the columns extend when they do not. Thirdly, you said it is fixed width, but is it fixed height? That is, is the footer at the bottom of the PAGE or the Browser window? Quote Link to comment Share on other sites More sharing options...
Sparda Posted July 12, 2006 Share Posted July 12, 2006 Web pages that use javascript to format there layout are stupid. An excelent example of this is this web site. Quote Link to comment Share on other sites More sharing options...
tonysathre Posted July 12, 2006 Share Posted July 12, 2006 Another thing you could use are tables in Dreamweaver. Quote Link to comment Share on other sites More sharing options...
davepwnt Posted July 12, 2006 Share Posted July 12, 2006 Something i noticed about your CSS is you take it oldschool. You can edit all the border tags in 1 line. border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: none; border-top: none; yeah, just thought I'd point that out. Quote Link to comment Share on other sites More sharing options...
darkzar99 Posted July 12, 2006 Author Share Posted July 12, 2006 cool i didnt know that, the way mine was done was just the way dreamweaver automatically did it Quote Link to comment Share on other sites More sharing options...
davepwnt Posted July 12, 2006 Share Posted July 12, 2006 yeah, dreamweaver 8 I think does it my way. I'm not too sure. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.