Click to See Complete Forum and Search --> : IE conditional statement
Craigoooo
11-13-2009, 11:28 AM
I've seen I'm not the only one having issues with things not aligning correctly in Internet Explorer but I'm having trouble translating other peoples answer to my situation. My nav links line up ok in everything except every version of IE. In IE my links seem to shift about 20 px to the right. I'm somewhat new to CSS. How could I write a conditional statement for all versions of IE that would shift it 20 px to the left to offset it? The site I'm working on is at http://www.7xstudios.com/test/index.html
Thank you in advance,
Craig
Jimbrowski
11-13-2009, 01:26 PM
http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
Create a seperate stylesheet for your IE problems and add a link to it below your main stylesheet link, like in the examples above.
Only include the few CSS rules that need to be different in IE... don't repeat the whole stylesheet.
Due to the Cascade, browsers will style the page with the rules from the main CSS stylesheet, then IE browsers will add the few extra rules from the IE only stylesheet.
In your case I would guess you need to adjust your Padding or Margins for those particular elements...
Remove left: -25px from #Fayes_Sidebar ul li
Add #Fayes_Sidebar ul ul {xborder:1px solid blue;margin-left:130px;xfloat:left;}