This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > May 2006 > Overflow Hidden not hiding in IE
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Overflow Hidden not hiding in IE
|
|
| bryanrite@gmail.com 2006-05-08, 3:53 am |
| I'm trying to set up a page with a static block on the left and
variable on the right, it works as expected, but when i add an image,
or google ad, in firefox it behaves as expected, but IE drops the div.
Anyone have any ideas?
http://footstops.dev01.alkaloid.net/test.php
Any help would be greatly appreciated!
| |
| ironcorona 2006-05-08, 3:53 am |
| bryanrite@XXXXXXXXXX wrote:
> I'm trying to set up a page with a static block on the left and
> variable on the right, it works as expected, but when i add an image,
> or google ad, in firefox it behaves as expected, but IE drops the div.
> Anyone have any ideas?
>
> http://footstops.dev01.alkaloid.net/test.php
>
> Any help would be greatly appreciated!
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"
--
ironcorona
| |
| ironcorona 2006-05-08, 3:53 am |
| 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:after {
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_wrap">
<div class="clearfix">
<div id="map"></div>
<div id="userBlock"><p>Top</p></div>
<div class="bannerAd">
<script type="text/javascript"><!--
google_ad_client = "pub-8040403082894583";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "475470";
google_color_bg = "E6E6E6";
google_color_link = "002E3F";
google_color_url = "CC0000";
google_color_text = "003366";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="blog"><p>Bottom</p></div>
</div>
</div>
</body>
</html>
--
ironcorona
| |
|
| sorry, this is a very dumbed down version of a more complex page, i've
removed all extraneous css and html. Thanks again for your quick
response tho!
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|