Sign in to follow this  
Followers 0

Broken IE or Broken CSS?

8 posts in this topic

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

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

Posted

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

Thanks!

Share this post


Link to post
Share on other sites

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

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

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

Posted

you run lipsum.org? nice.

Share this post


Link to post
Share on other sites

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.