div not wrapping around sup div's

legohead6 · 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>

ToonMariner · March 16, 2007

it appears you have closed the container right before you open the right div

legohead6 · 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

legohead6 · 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..

ToonMariner · 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,.....

legohead6 · 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..

Sign In

div not wrapping around sup div's

Recommended Posts

legohead6

Link to comment

Share on other sites

ToonMariner

Link to comment

Share on other sites

legohead6

Link to comment

Share on other sites

legohead6

Link to comment

Share on other sites

ToonMariner

Link to comment

Share on other sites

legohead6

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information