Style Sheet issue in IE 7

S

scotthughes0420

New Member
Hello everyone,

I am hoping to see if someone can suggest a fix or way to get a website I am designing to display properly in ie 7

http://www.plaquemaker.com/

The left nav justifies all the way to the right. it looks fine in ie 8 and newer versions of firefox etc...

Can anyone tell me how to fix this so it displays in ie 7 properly?

My style sheet for that left navigation is as follows:

.thrColFixHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
font-size: 12px;
padding: 0px 0px 0px 20px; /* padding keeps the content of the div away from the edges */
margin: 0px 0px 0px 0px;
text-align: left;

}

Thank you all, hoping that someone sharp can see this issue and fix quickly,

Scott
 
anna

anna

New Member
I'm by no means a css master, but I would suggest writing a conditional comment for IE7 or IE7 and lower and target it this way. Or, write a stylesheet that targets IE7 and lower and fix it there...

However, I'm sure Pixel, or Lou, or Smoovo or one of the other experts will be able to spot the issue and help you right away!
 
smoovo

smoovo

New Member
First, here is your code validation result. Soon as you fix this you will have easy life.

The problem you have it's because you have floating elements before your "sidebar1" div. My suggestion (after testing it) is to add this line right before "sidebar1" begin.

HTML: 
<div style="clear:both;"></div>
<div id="sidebar1">...</div>

This is actually fixing your issue in all browsers.

- Enjoy. ;)
 
You must log in or register to reply here.
Top