main content wrapper div get's pushed down the page in IE

Posted by Blankman on Stack Overflow See other posts from Stack Overflow or by Blankman
Published on 2010-04-05T14:19:08Z Indexed on 2010/04/05 14:23 UTC
Read the original article Hit count: 256

Filed under:

ie

|

cross-browser

|

html

|

css

I have a 2 column layout, with the left side for navigation and the right side for the main content.

The right side content has a wrapper div that looks like:

Now this looks fine in FF and GC, and it IE but if I change the padding to anything over 4px that section gets pushed down below the left navigation.

#content
{
    padding:3px;   // 4 makes it get pushed down
}

Does this mean IE has a different way of calculating the width of all my elements? Is this a common problem that has a solution for it?

© Stack Overflow or respective owner

Related posts about ie

Excel document opens in IE 64, not in IE 32

as seen on Super User - Search for 'Super User'
Whenever I click on a hyperlink to a scrip that outputs an Excel 8 document, I get a prompt from IE to open the file or save-as. If I click open in IE 32 bit, the document opens in Excel (which is what I want). If I click open in the 64 bit version of IE, the document opens in the browser. How… >>> More
Unable to either locate any wireless networks nor even connect to wifi

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
I'm new to Linux. I currently have installed ubuntu 12.10. I had a previous problem with my wireless card (see url to see previous problem : How to enable wireless in a Fujitsu LH532?). It now shows Connect to hidden network and create new wireless network but now unfortunately it simply cannot find… >>> More
Java Problem when i upgraded from IE 7 to IE 8

as seen on Server Fault - Search for 'Server Fault'
I face problem with upgrading IE8 related to JAVA. The problem only with IE8, IE7 is OK and I have the latest Java version. After I upgrade the IE8, the graphics which has dynamics reading from the server is not updating and it shows NaN. I tried the following : - upgrade the server win2003 with latest… >>> More
Why version of chrome does not matter much more then firefox and firefox does not matter much as IE

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Everything not perfect. in software the software make and growth by user feedback like what user expected from the software and want in next version of software. In a chrome Event i hear about the Chromium. you can find some interesting things here Video 1 Video 2 come to the point. when i hear… >>> More
Problem display in IE 7 & IE 6 - simplemodal-1.3.4 and Jquery 1.4.2

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a link, after click this link, a modal was displayed. I used ModalDialog with code: $(document).ready(function() { //linkTTT is link id $("a#linkTTT").click(function() { //content is id of div that contains content $("#content").modal({ onOpen: function(dialog)… >>> More

Related posts about cross-browser

Is there any guidelines to convert Table design to Div design keeping same cross browser compatible

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there any guidelines to convert Table design to Div design keeping same cross browser compatible layout? >>> More
Crossbrowser JS...

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi there all :) Made this nice little loop for hiding and showing div's, works as a charm in firefox and opera, but IE, safari and chrome say's no.... So my question is; why? function theme(nr){ document.getElementById(nr).style.display = "block"; for (i = 0;i <= 28; i++) { if (i != nr)… >>> More
which is the best among jquery,moo tool and yui?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Hi among the jquery ,mootool ,yui and glow have crossbrowser compatiblity >>> More
css: Cross-browser, reflowing, top-to-bottom, multi-column lists

as seen on Stack Overflow - Search for 'Stack Overflow'
See http://cssfingerprint.com/about#stats. See also http://stackoverflow.com/questions/933645/multi-column-css-lists. I want a multi-column list that: uses no JS reflows on window size makes as many columns as fit the enclosing element therefore, does not require batching the list into manual… >>> More
cross-browser text shadow..

as seen on Stack Overflow - Search for 'Stack Overflow'
How to get cross-browser text shadow? including IE6, 7, 8. is there any css or js solution? I want to get text-shadow with semantic and valid markup. >>> More