Forums

wmwood

i just made this design in photoshop and then mocked it up.

Displays:
FF: Correctly
Opera: Correctly
IE: Correctly
Safari: Correctly

Does anyone know why in IE the navbar gets pushed to the right which in turn pushes the rest of the page down because of the other floating object. - FIXED

Link to site in question Link Removed

al_m473

was trying this out last night, problem is definitely in the code for the "li"s if you comment them
out the screen displays correctly without the links of course. need Firebug for IE,

Al

wmwood

Thanks!

I've found a solution - i added the following to the markup:

	<!--[if IE]>
<style type=\"text/css\"> 

ul#nav {
	padding: 59px 0 0 27px;
	}

</style>
<![endif]-->

it now works fine in IE7 (hopefully other versions as well)

Can someone please run browser checks on Safari and Opera for me? - sorry i currently don't have them installed.

Edwin

It all looks good here on Mac OSX 10.4 in Safari and Opera. Did you knew you could also test that on browsershots.org?

box

Is there a reason why you haven't tested in Opera or Safari? They're both good browsers and gaining in popularity. Or maybe you just wanted to sort IE out first? Just curious lol.

wmwood

To be completely honest i don't have them installed any more and i didn't know about that site Edwin posted above your post.

al_m473

why the 16 pixel difference??

Al

wmwood

I wish i knew - lol

treehouse : what would you like to learn today?

Forums

Browser Problem with my css mock up