kasbolt
09-19-2011, 03:57 AM
Hi
I am working on a website and it works perfectly in safari, firefox, opera and chrome on a mac but on a pc in IE and firefox the text runs over the div.
The css for the text is as follows
* {
margin:0;
padding:0;
border:0;
}
body {
font-family: Verdana, Helvetica, Tahoma;
font-size: 10px;
color: #fff;
line-height: 11pt;
}
p {
margin-top: 0em;
margin-bottom: .75em;
}
/* LAYOUT DIVS - left bar */
#main_text {
width: 210px;
height: 300px;
padding-left: 18px;
z-index: 4;
}
and I have added this code in to try and change ie only but it is not working
<!--[if IE]>
<link type="text/css" rel="stylesheet" href="include/ie_fixes.css" media="all" />
<![endif]--></code
<code>/* =Internet Explorer Fixes
----------------------------------------------------------------------*/
body {
font-size: 9px;
line-height: 9px;
font-stretch: condensed;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}
#main_text {
width: 220px;
}
Any guidance would be most appreciated.
I am working on a website and it works perfectly in safari, firefox, opera and chrome on a mac but on a pc in IE and firefox the text runs over the div.
The css for the text is as follows
* {
margin:0;
padding:0;
border:0;
}
body {
font-family: Verdana, Helvetica, Tahoma;
font-size: 10px;
color: #fff;
line-height: 11pt;
}
p {
margin-top: 0em;
margin-bottom: .75em;
}
/* LAYOUT DIVS - left bar */
#main_text {
width: 210px;
height: 300px;
padding-left: 18px;
z-index: 4;
}
and I have added this code in to try and change ie only but it is not working
<!--[if IE]>
<link type="text/css" rel="stylesheet" href="include/ie_fixes.css" media="all" />
<![endif]--></code
<code>/* =Internet Explorer Fixes
----------------------------------------------------------------------*/
body {
font-size: 9px;
line-height: 9px;
font-stretch: condensed;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}
#main_text {
width: 220px;
}
Any guidance would be most appreciated.