legohead6 Posted March 16, 2007 Share Posted March 16, 2007 well i made a conatiner div to wrap around my whole page to center it but for some reason its ending right at the next div opening(which is the next line) here is the html and css from my header page, the "main" div is closed on the footer along with the container(or its supposed to) HTML: <html> <head> </head> <title>Zelocalz.com - The Island MarketPlace</title> <body> <div id="container"> <div id="left"> <div id="logo"> <img border=0 src="../images/Logo.png" width=100% height=100%> </div> <script type="text/javascript" src="http://www.zelocalz.com/swfobject.js"></script> <div id="nav"> This text is replaced by the Flash movie. </div> <script type="text/javascript"> var so = new SWFObject("<? echo "$link" ?>", "mymovie", "100", "150", "7"); so.write("nav"); </script> <div id="login"> <? echo "<p align=center>$lin</p>"; ?> </div> </div> </div> <div id="right"> <div id=google> <script type="text/javascript"><!-- google_ad_client = "pub-2239873906758408"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text"; google_ad_channel = ""; google_color_border = "32CD32"; google_color_bg = "0080FF"; google_color_link = "FFFFCC"; google_color_text = "000000"; google_color_url = "FFFFCC"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <div align=center id="topbar"> <p><font size=8>Zelocalz</font></p>The Island Marketplace! <div align=center id="banner" </div> <script type="text/javascript"> var so = new SWFObject("http://www.zelocalz.com/images/flash/zelocalztag2.swf", "mymovie", "400", "50", "7"); so.write("banner"); </script> </div> <div id="main"> CSS: <style> body { padding:2px; background: #32CD32; scrollbar-arrow-color: #FFcc00; scrollbar-base-color: #0080ff; scrollbar-dark-shadow-color: #FFcc00; scrollbar-track-color: #0080ff; scrollbar-face-color: #00cc66; scrollbar-shadow-color: #00cc66; scrollbar-highlight-color: #FFcc00; scrollbar-3d-light-color: #0080ff; cursor-background: #FFFFCC; } #main { width: 100%; background: #0080ff; border: 4px solid #32CD32; } #topbar { position: absolute; width: 574px; left: 118px; background: #0080ff; } #nav { float: center; width: 20%; margin-top: 20px; padding:0px; background: #0080FF; color: #FFFFCC; border:4px solid #32CD32; } #google { width: 100px; top: 210px; border:4px solid #32CD32; } #right { margin-top: 20px; position: absolute; left: 700px; top: 20px; width: 100px; } #left { margin-top: 20px; position: absolute; left: 0px; top: 20px; width: 100px; } #login{ float: center; margin-top: 20px; left:2%; background: #0080FF; color: #FFFFCC; border:4px solid #32CD32; } #logo{ width: 100%; top: 50px; height: 100px; background:#32CD32; padding:4px; padding-bottom: 0px; } #other{ top: 100px; width: 100%; height: 80px; background:#32CD32; padding:4px; } a{ color: #FFFFCC; font-family: verdana; font-size: 12px; } h3{ color: #FFFFCC; font-size: 50pt; text-align: center; } h1{ color: #FFFFCC; text-align: center; } textarea{ background-color: #32CD32; color: #FFFFCC; border-color: #00FF00; } select{ background-color: #32CD32; color: #FFcc00; border-color: #0080ff; } input{ background-color: #32CD32; color: #FFFFCC; border-color: #00FF00; } hr{color: #32CD32;} } p{ color: #FFFFCC; font-family: verdana; font-size: 12px; } table{ background-color: #32CD32; color: #FFFFCC; } a:visited {font-color: #FFFFCC;} a:active {font-color: #FFFFCC;} a:link {font-color: #FFFFCC;} a:hover {font-color: #FFFFCC;} #warn { position:absolute; width:10%; top: 52%; left: 2%; background:#FF0000; padding:1px; border: dashed; } html { height: 100%; } body { text-align: center; } #container { text-align: left; margin-left: auto; margin-right: auto; } </style> Quote Link to comment https://forums.phpfreaks.com/topic/42999-div-not-wrapping-around-sup-divs/ Share on other sites More sharing options...
ToonMariner Posted March 16, 2007 Share Posted March 16, 2007 it appears you have closed the container right before you open the right div Quote Link to comment https://forums.phpfreaks.com/topic/42999-div-not-wrapping-around-sup-divs/#findComment-208858 Share on other sites More sharing options...
legohead6 Posted March 16, 2007 Author Share Posted March 16, 2007 no still no working, i put a dashed 4px border on it to check and this is what it looks like... http://www.zelocalz.com Quote Link to comment https://forums.phpfreaks.com/topic/42999-div-not-wrapping-around-sup-divs/#findComment-208861 Share on other sites More sharing options...
legohead6 Posted March 16, 2007 Author Share Posted March 16, 2007 ok i found a messed up div tag and fixed it, now the conatiner goes around everything but everything inside is messed.. Quote Link to comment https://forums.phpfreaks.com/topic/42999-div-not-wrapping-around-sup-divs/#findComment-208873 Share on other sites More sharing options...
ToonMariner Posted March 16, 2007 Share Posted March 16, 2007 Yep that is pretty messed up... so messy I can' even begin to start trying to fix it! its a bit tag soup in there!!! stick all your style in a separte css file, nest you html properly, get rid of the table,..... Quote Link to comment https://forums.phpfreaks.com/topic/42999-div-not-wrapping-around-sup-divs/#findComment-208880 Share on other sites More sharing options...
legohead6 Posted March 16, 2007 Author Share Posted March 16, 2007 ya, i did that and started over.... and it seems good now! one last thing, how do i make a div have a minimum height? so my main content box cant be so short the side bars go down over the footer.. Quote Link to comment https://forums.phpfreaks.com/topic/42999-div-not-wrapping-around-sup-divs/#findComment-208916 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.