Copernic Reporter Posted September 19, 2013 Reporter Share Posted September 19, 2013 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: Firefox: And the CSS: #left { position:absolute; top:35px; left:20%; width:120px; height:600px; } Any idea how to fix this? Thank you. Link to comment Share on other sites More sharing options...
0 the better twin Posted September 19, 2013 Share Posted September 19, 2013 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. Link to comment Share on other sites More sharing options...
0 Copernic Reporter Posted September 19, 2013 Author Reporter Share Posted September 19, 2013 http://freewarepros.com/testing/ACE-Stream.html Thanks! Link to comment Share on other sites More sharing options...
0 the better twin Posted September 19, 2013 Share Posted September 19, 2013 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> Copernic 1 Share Link to comment Share on other sites More sharing options...
0 Copernic Reporter Posted September 19, 2013 Author Reporter Share Posted September 19, 2013 It works! You really deserve all the good karma I'm throwing at you :jump: Link to comment Share on other sites More sharing options...
0 the better twin Posted September 19, 2013 Share Posted September 19, 2013 It works! You really deserve all the good karma I'm throwing at you :jump: Ha ha cheers. Glad you got it sorted. :beer: Link to comment Share on other sites More sharing options...
0 primexx Posted September 21, 2013 Share Posted September 21, 2013 you run lipsum.org? nice. Link to comment Share on other sites More sharing options...
0 Seahorsepip Veteran Posted September 21, 2013 Veteran Share Posted September 21, 2013 Oh noes ads on my loremipsum site D: Link to comment Share on other sites More sharing options...
Question
Copernic Reporter
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:
Firefox:
And the CSS:
Any idea how to fix this? Thank you.
Link to comment
Share on other sites
7 answers to this question
Recommended Posts