Jump to content
  • 0
Sign in to follow this  
Followers 0

Broken IE or Broken CSS?

Question

Posted

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

7 answers to this question

  • 0

Posted

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
  • 0

Posted

http://freewarepros.com/testing/ACE-Stream.html

Thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted

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>
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted

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
  • 0

Posted

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
  • 0

Posted

you run lipsum.org? nice.

Share this post


Link to post
Share on other sites
  • 0

Posted

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  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.