ChrisMartino Posted March 30, 2010 Share Posted March 30, 2010 Hey, So i am kinda new to CSS so i was looking for some help from all you pro's on here xD. So this is my page code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>RandomPage :: Home</title> <LINK REL=StyleSheet HREF="style/style.css" TYPE="text/css"> </head> <body> <div id="TextBody"> <div id="PageBody"> </div> </div> </body> </html> And this is the CSS template code: body { background-color:#b7b7b7; } #TextBody { margin-left: auto; margin-right: auto; background-image: url('Images/Body_Head.png'); width:1000px; height:200px; } #PageBody { background-image:url('Images/Body_NAV.png'); background-repeat:repeat-y; width: 100%; height:57px; position: absolute; top: 208px; } And this is what the page looks like so far: But i am trying to figure out how to add the sides down the body of the page?, Since i am new i don't know how to do this, I have the image for the sides to repeat here: How would i repeat that down the middle of the page to match the design but then end it for the footer?, Thanks for you're time!. Quote Link to comment Share on other sites More sharing options...
haku Posted March 31, 2010 Share Posted March 31, 2010 Do you mean you want those side bars to be on the very edge of the screen, only extending down as far as the footer goes? And do you want them to be on the very edge of the screen regardless of monitor resolution? Quote Link to comment Share on other sites More sharing options...
ChrisMartino Posted April 1, 2010 Author Share Posted April 1, 2010 Do you mean you want those side bars to be on the very edge of the screen, only extending down as far as the footer goes? And do you want them to be on the very edge of the screen regardless of monitor resolution? Yea but follow the box in the middle of the page down Quote Link to comment Share on other sites More sharing options...
haku Posted April 1, 2010 Share Posted April 1, 2010 What? You answered 'yea', but I asked two different questions. And then you added information that wasn't very clear. Why don't you try to be as specific and clear as possible on what exactly you are trying to achieve - it will be easier to help you then. Quote Link to comment Share on other sites More sharing options...
patriklko Posted April 17, 2010 Share Posted April 17, 2010 #TextBody { margin-left: auto; margin-right: auto; background-image: url('Images/Body_Head.png'); width:1000px; height:200px; } why u have set the width to 1000px; it will definitely cause some overflow problem with different browsers set it to 100% wi=hich will set your page text body fits to the container in which it gets open....... 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.