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> 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 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 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.. 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,..... 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.. 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
Archived
This topic is now archived and is closed to further replies.