Re: [WSG] IE problem with CSS tabs (solution)

Fri, 01 Oct 2004 10:18:00 -0700

I test with IE6...and even though I copies and pasted the CSS you provided, I still don't see the active "you are here" tab in IE! I don't get this at all...

*sigh*

Well, I feel I've wasted enough of everybody's time with this issue...I think I'll just have find a ready-made tab set and use it.

Thanks.

~john
_________________________
Dr. Zeus Web Development
http://www.DrZeus.net
"content without clutter"




Isabel Santos wrote: 
John:

Besides the code I gave you and the cleaning up a bit (its still invalid by meens of the root selector), I only removed (closed it on a comment) the style imediatly after.
It works fine on IE 6.0, I do not have any other IE version installed, so in wich version are you getting problems?

You can check the your full css code altered so that it worked for me:

body {
margin: 0;
padding: 0;
color: #000;
background: #fff url(../img/jack.png) left bottom no-repeat fixed;
}

.hide {
display: none;
}

.drop {
float: left;
font-size: 400%;
line-height: 1em;
margin: 4px 10px 5px 0;
padding: 4px 10px;
border: 2px solid #ccc;
background: #eee;
}

.introtext {
font-family:Georgia, "Times New Roman", Times, serif;
text-align: justify;
font-size: 14px;
}

.small {
font-size: 10px;
}

.new {
font-size: 10px;
color: #000;
background-color:#FF0;
padding: 1px;
border: 1px #000 solid;
font-variant: small-caps;
font-weight:bold;
}

.paper {
font-family:Georgia, "Times New Roman", Times, serif;
text-align: justify;
font-size: 14px;
}

img {
display: block;
border: 0;
}

hr {
border-style: dashed;
border-width: thin;
border-color: #69F;
}

h1 {
font-size: 20px;
font-weight: normal;
padding-bottom: 4px;
border-bottom: 1px solid #C60;
margin-top: -10px;
}

h2 {
font-size: 17px;
font-weight: normal;
padding-bottom: 4px;
border-bottom: 1px dotted #C60;
}

p, td, li, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

html p {
text-align: left;
line-height: 1.5;
}

dl, dd, ol {
line-height: 1.5;
}

td {
vertical-align: top;
}

.qotd {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0 0 0 0;
padding: 10px;
border-color: #C60;
border-style: double;
}

#messageform dd {
margin: 0;
padding-bottom: 5px;
}

#messageform dt {
float: left;
padding-right: 10px;
padding-bottom: 5px;
}

#banner {
position: absolute;
top: 0;
left: 0;
height:43px;
width: 100%;
padding: 0;
margin: 0;
border-bottom: 1px solid #69F;
color: black;
background: #ffc;
z-index: 5;
}
body>#banner {
position: fixed;
}

#banner img {
margin-top: 7px;
margin-left: 7px;
}

#banner h1 {
font-size: 36px;
font-weight: normal;
padding-left: 7px;
padding-bottom: 0px;
border-bottom: 0;
margin-top: 0px;
margin-bottom: 0px; /* IE6 */
letter-spacing: 1px;
color: #C60;
font-family:Georgia, "Times New Roman", Times, serif;
}

#tabmenu {
color: #000;
position: absolute;
top: 41px;
padding: 3px;
z-index: 10;
margin-left: 5px;
 }
body>#tabmenu {
position: fixed; top: 42px;
} /*Opera and Mozilla*/
:root #tabmenu {
position: fixed; top: 25px;
} /*Mozilla*/

#tabmenu li {
display: inline;
overflow: hidden;
list-style-type: none;
}

#tabmenu a:link {
color: #000;
background: #fff;
font-size: 0.8em;
font-weight: normal;
border: 1px solid #69F;
padding: 2px;
margin: 2px;
text-decoration: none;
}

#tabmenu a:visited {
color: #000;
background: #fff;
font-size: 0.8em;
font-weight: normal;
border: 1px solid #69F;
padding: 2px;
margin: 2px;
text-decoration: none;
}

#tabmenu a:hover {
color: #ffc;
background:#C60;
font-size: 0.8em;
font-weight: normal;
border: 1px solid #69F;
padding: 2px;
margin: 2px;
text-decoration: none;
}

#tabmenu a.active:link, #tabmenu li a.active:link, #tabmenu a.active, #tabmenu li a.active {
background: #ffc;
border-top: 1px solid #ffc;
z-index: 30;
}

/*#tabmenu a.active:link {
color: #000;
background: #fff;
font-size: 0.8em;
font-weight: normal;
border: 1px solid #69F;
padding: 2px;
margin: 2px;
text-decoration: none;
}**/

#tabmenu a.active:hover {
background: #ffc;
border-top: 1px solid #ffc;
color: #000;
font-size: 0.8em;
font-weight: normal;
padding: 2px;
margin: 2px;
text-decoration: none;
}

#content ul {
list-style-type: circle;
padding-left: 5px;
line-height: 1.5;
}

#content blockquote {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
line-height: 1.5;
}

#content a:link {
text-decoration: none;
color: #C60;
}

#content a:visited {
text-decoration: none;
color: #C60;
}

#content a:hover {
text-decoration: underline;
color: #C60;
}

#content {
font-size: 12px;
height: auto;
text-align: justify;
padding: 90px 30px 0px 250px;
z-index: 0;
}

#footer {
font-size: 11px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 50px 70px 5px 250px;
}

#footer img {
display: inline;
vertical-align: middle;
}

#footer a:link {
text-decoration: none;
color: #C60;
}

#footer a:visited {
text-decoration: none;
color: #C60;
}

#footer a:hover {
color: #C60;
text-decoration: underline overline;
}

#sidemenu ul {
position: absolute;
left: 0;
margin: 90px 70px 10px 30px;
list-style: none;
padding: 0;
border: 0;
}

#sidemenu li {
text-align: center;
border-bottom: 1px solid #69f;
width: 150px;
margin: 0;
padding: 0;
color: #000;
background: #ffc;
}

#sidemenutop {
border-top: 1px solid #69f;
}

#sidemenu li a {
display: block;
font-weight: normal;
font-size: 12px;
padding: 3px;
border-left: 1px solid #69f;
border-right: 1px solid #69f;
background: #ffc;
color: #000;
text-decoration: none;
width: 150px; /* false value for IE4-5.x/Win. */
voice-family: "\"}\"";
voice-family: inherit;
width: 142px;
}

html>#sidemenu li a {
width: 150px; /* be nice to Opera */
}

#sidemenu li a:hover {
font-weight: normal;
border-left: 1px solid #69f;
border-right: 1px solid #69f;
color: #ffc;
background: #C60;
text-decoration: none;
}

#secondarymenu {
list-style-type:circle;
padding-left: 5px;
line-height: 2;
font-size: 12px;
font-weight: normal;
}

Isabel Santos









----- Original Message ----- From: "john" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Friday, October 01, 2004 3:55 PM
Subject: Re: [WSG] IE problem with CSS tabs (solution)


Isabel,

Thank you very much for your help with this. I added your fix, but I'm *still* getting the same problem in IE. Perhaps I'm not putting it in the right place in the CSS? Where did you place it?

~john
_________________________
Dr. Zeus Web Development
http://www.DrZeus.net
"content without clutter"




******************************************************
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************





******************************************************
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************

Reply via email to