Overflow Hidden not hiding in IE

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • bryanrite@gmail.com
    #1

    Overflow Hidden not hiding in IE

    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!

    Tags: None
    • ironcorona
      #2
      Re: Overflow Hidden not hiding in IE

      bryanrite@gmail .com wrote:[color=blue]
      > 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![/color]

      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

        Comment

        • ironcorona
          #3
          Re: Overflow Hidden not hiding in IE

          ironcorona wrote:
          [color=blue]
          > 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"[/color]

          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

            Comment

            • Brite
              #4
              Re: Overflow Hidden not hiding in IE

              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!

                Comment

                Previous template Next
                Working...