Hi Dan! IE does read padding and margins different, it also gives those same items different default settings.
I used my IE Dev tool to check a few things and it looks like if you just add 'padding-top:0px;' to the menu element (id=sidebar1) you should be good to go. It can add to the lines of code in your CSS but it can sometimes help to "zero-out" measurements like this and then reassign them the standard measurements you'd like. Hope this helps! =D On Sat, May 1, 2010 at 11:30 PM, Dan Tyndall <[email protected]> wrote: > Hi all, > > I've been trying to design my university website, but I'm finding > compatibility issues with Internet Explorer. I'm a bit of a CSS > newbie, so please forgive my heavy reliance on Dreamweaver (I code > mostly in FORTRAN, haha). The site in question is > http://www.chpc.utah.edu/~u0521148/. > I've changed the left navigation bar to pink so you can see my issue. > IE seems to double the top margin of my div's when compared to Firefox > and Chrome. In IE, you will see a black bar at the top of the > navigation sidebar (which is repeated on the right div as well, it's > just not visible because there are no different colors). How do I fix > this? When I complete clear the sidebar div, that black box is still > there--it just will not go away (unless I set the font-size: 0)! > > I've googled lots of different things, but the display: inline tag in > the style sheet that's been suggested in the past doesn't seem to > help. Any suggestions? Thanks, > > -Dan > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
