I'm starting back using CSS after a bit of a hiatus.
I am currently creating an exotic concoction of html, PHP, JavaScript,
and CSS. But alas apparently my web martini is an olive short of IE.
My problem lies in my accordion menus. For them I started with a
Dreamweaver ad-on by ProjectVII, and then tweaked the S out of their
CSS.
The main line is set with a background and ... well her is the CSS
<h3><a href="javascript:;" id="p7ABt1_5">Hybrid Components</a></h3>
H3 a{
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-align:left;
font-size:12px;
font-stretch:extra-condensed;
}
#p7ABW1 .p7ABtrig a, #p7ABW2 .p7ABtrig a,
#p7ABW3 .p7ABtrig a, #p7ABW4 .p7ABtrig a,
#p7ABW5 .p7ABtrig a, #p7ABW6 .p7ABtrig a,
#p7ABW7 .p7ABtrig a, #p7ABW8 .p7ABtrig a,
#p7ABW9 .p7ABtrig a, #p7ABW10 .p7ABtrig a
{
display: block;
text-decoration: none;
padding: 4px 6px 4px 10px;
color: #333333;
font-weight:800;
background-color: #CCCCCC;
border-top: 1px solid #FFFFFF;
}
Now in our favorite IE 7 the there are 2 problems.
1. The background color does not stretch to the end of the div (I'm
thinking this is a "display:block;" problem
2. In IE 7 the menu "jumps" left to right between opening and closing of
the sections. (I'm guessing this is either a JS problem or a CSS
padding/margin problem of course I suppose it could be a IE problem.
like those never occur)
The stuff works fine in Firefox. And the menus work fine if opened only
by themselves in IE. But when I combine everything together they flop.
Here are some links:
Main page with everything together:
http://www.2spoileddogs.com/
Accordion menus alone:
http://www.2spoileddogs.com/PlatniumAcordian.php
http://www.2spoileddogs.com/goldAcordian.php
http://www.2spoileddogs.com/ptAcordian.php
http://www.2spoileddogs.com/Platinumplan.inc.php
http://www.2spoileddogs.com/goldplan.inc.php
http://www.2spoileddogs.com/ptplan.inc.php
All CSS pages
http://www.2spoileddogs.com /css_include.inc.php
http://www.2spoileddogs.com /extraneous.css
http://www.2spoileddogs.com /p7ap/ p7ap_05.css
And yes I do know "Acordian" is spelled wrong. But besides me you're the
only ones who will see those names so I took Webmaster's privilege and
decided to spell them the way I wanted to.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
