ironcorona wrote:
Where to begin?
Almost all of your CSS is named wrong.
Where you have .body take out the .
You don't have a class="body" you are, in fact, trying to modify the
body tag. So just body will do.
Your second div down has a class="body clearfix"
change this to "clearfix"
Like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style media="screen" title="Main CSS" type="text/css">
/* CSS Document */
..page_wrap {
margin: 2px;
padding: 2px;
border: 1px solid gray;
}
/* Rest of it */
..clearfix:afte r {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
..clearfix { height: 1%; }
body {
border: 1px solid green;
clear: both;
margin: 2px;
padding: 2px;
}
/* Ad divs */
..bannerAd {
margin-left: 360px;
border: 1px dashed blue;
padding: 2px;
margin: 0;
text-align: center;
margin: 0 auto;
overflow: hidden;
}
body #map {
float: left;
width: 350px;
height: 300px;
border: 1px dashed green;
}
body #userBlock {
margin-left: 360px;
border: 1px dashed blue;
padding: 2px;
margin: 0;
}
body #blog {
margin-left: 360px;
border: 1px dashed red;
padding: 2px;
margin: 4px 0;
}
</style>
</head>
<body>
<div class="page_wra p">
<div class="clearfix ">
<div id="map"></div>
<div id="userBlock"> <p>Top</p></div>
<div class="bannerAd ">
<script type="text/javascript"><!--
google_ad_clien t = "pub-804040308289458 3";
google_ad_width = 468;
google_ad_heigh t = 60;
google_ad_forma t = "468x60_as" ;
google_ad_type = "text_image ";
google_ad_chann el ="";
google_color_bo rder = "475470";
google_color_bg = "E6E6E6";
google_color_li nk = "002E3F";
google_color_ur l = "CC0000";
google_color_te xt = "003366";
//--></script>
<script type="text/javascript"
src="http://pagead2.googles yndication.com/pagead/show_ads.js">
</script>
</div>
<div id="blog"><p>Bo ttom</p></div>
</div>
</div>
</body>
</html>
--
ironcorona
