bassdog65 Posted July 24, 2009 Share Posted July 24, 2009 Right now I am making a basic layout, haven't put any content in it yet, but in this example, I want the background on the left, the DIV "left" to be 100% of the height that the DIV "right" is set to. I know I have done this before, but I am missing something. <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title><?php echo (isset($page_title)) ? $page_title : 'Welcome!'; ?></title> <style> body { background-image: url(images/heartland_bg4.jpg); background-repeat:repeat; } div#wrapper { width:900px; margin:auto; } div#innerwrapper { width:900px; height:100%; background-color:silver; overflow:auto; } div#left { width:200px; float:left; background-image:url('images/heartland_side.png'); background-repeat:repeat; } div#right { background-color:red; width:700px; float:left; } </style> </head> <body> <div id="wrapper"> <img src="images/top.png" alt="top" style="display:inline;" /> <div id="innerwrapper"> <div id="left"> <p>Would Be Link #1</p> <p>Would Be Link #2</p> <p>Would Be Link #3</p> <p>Would Be Link #4</p> <p>Would Be Link #5</p> </div> <div id="right"> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> <p>Right</p> </div> </div> <img src="images/bottom.png" alt="bottom" style="display:inline;" /> </div> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/167333-left-column-background-repeat/ Share on other sites More sharing options...
haku Posted July 25, 2009 Share Posted July 25, 2009 faux columns Quote Link to comment https://forums.phpfreaks.com/topic/167333-left-column-background-repeat/#findComment-882438 Share on other sites More sharing options...
bassdog65 Posted July 25, 2009 Author Share Posted July 25, 2009 And that is done by putting a background on the wrapper behind the two DIVs that sit on top of it? Quote Link to comment https://forums.phpfreaks.com/topic/167333-left-column-background-repeat/#findComment-882614 Share on other sites More sharing options...
haku Posted July 25, 2009 Share Posted July 25, 2009 Yep. Quote Link to comment https://forums.phpfreaks.com/topic/167333-left-column-background-repeat/#findComment-882626 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.