Sign in to follow this  

Broken IE or Broken CSS?

Recommended Posts

Copernic    339

What i need is to have a 120x600 vertical ad banner on the left side of a page. The problem is that using Internet Explorer the ad banner is totally messed up.

 

Internet Explorer:

LEI6PFz.jpg

 

Firefox:

6PC0xao.jpg

 

And the CSS:

#left {
    position:absolute;
    top:35px;
    left:20%;
    width:120px;
    height:600px;
 }

Any idea how to fix this? Thank you.

Share this post


Link to post
Share on other sites
the better twin    359

Have you done a CSS reset? This could be because of relative positioning of container elements. Could do with a link really to see whats wrong.

Share this post


Link to post
Share on other sites
the better twin    359

Right well you've placed it after your content in the document and are trying to move it outside the document flow with a absolute percentage positioning. This wont work. Try resizing your chrome/firefox to a smaller window size and you have the same problem where it will always be 20% away from the left border of the window.

 

You'd be much better off moving the #left div before your table and just using floated elements. 

<style>
#container {
    margin:0 auto;
    width:960px;
}
#left {
    width:120px;
    margin-right:100px;
    float:left;
} 
table {
    float:left;
}

</style>

<body>
    <div id="container">

        <div id="left">
            // Google code here
        </div>

        <table>
            //Table content here
        </table>

    </div>
</body>
  • Like 1

Share this post


Link to post
Share on other sites
Copernic    339

It works! You really deserve all the good karma I'm throwing at you :jump:

Share this post


Link to post
Share on other sites
the better twin    359

It works! You really deserve all the good karma I'm throwing at you :jump:

Ha ha cheers. Glad you got it sorted.  :beer: 

Share this post


Link to post
Share on other sites
primexx    372

you run lipsum.org? nice.

Share this post


Link to post
Share on other sites
Seahorsepip    532

Oh noes ads on my loremipsum site D:

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.