Jump to content

Archived

This topic is now archived and is closed to further replies.

NimaP

css issue with IE7

Recommended Posts

I have a CSS vertical menu for my site. everything works great in Firefox, safari, IE8, and chrome. However in IE7 it gets messed up. any help would be appreciated.

 

the source is at Visit My Website

 

the CSS is

 

	
.outer{
margin:0px;
padding:0px;
width: 124px;
}
#menu4 {
width: 124px;
padding:0px;
}
#menu4 ul{
margin:0px;
padding:0px;
list-style:none;
}
#menu4 li a {
height: 19px;
voice-family: "\"}\"";
voice-family: inherit;
height: 14px;
text-decoration: none;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
	}

#menu4 li a:link, #menu4 li a:visited {
color: #FFFFFF;
display: block;
background: url(graphics/menu4.gif);
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 15px;
line-height: 5px;
	}

#menu4 li a:hover {
	color: #fff;
	background: url(graphics/menu4.gif) 0 -19px;
	padding: 5px 0 0 15px;
	}

#menu4 li a:active {
	color: #fff;
	background: url(graphics/menu4.gif) 0 -38px;
	padding: 5px 0 0 15px;
	}

Share this post


Link to post
Share on other sites

I havent looked, but I bet its your doctype you need something like

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">

 

 

for these unless you use a javascript 'helper'

 

If you change to this doctype you'll need to do mods to make osC XHTML valid.


Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Share this post


Link to post
Share on other sites

thanks for the reply. yeah i have a doctype there that's letting it work.

 

apparently the problem was with the line-height: 5px

 

i'm not sure why, but when i removed that line, it worked, and it still works in all the other browsers.

Share this post


Link to post
Share on other sites

×