Problem mit InternetExplorer
Sven K.
- css
Hallo Leute!
Ich habe ein etwas größeres Problem mit dem InternetExplorer! Ich habe in einer externen CSS Datei 4 Klassen gespeichert, welche mir eine Navigationsbar darstellen sollen! In der HTML Datei gebe ich dann einen Link an und das Script macht mir einen Button! Mein Problem ist nun, dass der Mozilla Firefox und der Opera den Button auch verändert, wenn man nur über den Button, bzw. nicht über die Schrift, kommt! Der InternetExplorer verändert den Button nur, wenn man über die Schrift, also über das 'a' Tag kommt! Wie kann man das ändern??? Ich will das der IE das auch macht!
Hier der Code aus der externen Datei:
#menubar {
font-size: 9pt;
margin: 5px 5px 5px 5px;
padding: 5px;
float:left;
width: auto;
border: 1px none #000000;
z-index: 1;
list-style-type:square;
position: relative;
}
.buttonscontainer {width: 150px;}
.buttons a
{color: rgb(000,000,000);
background-color: rgb(220,220,220);
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid rgb(000,000,150);
border-right: 10px solid rgb(000,000,150);
border-bottom: 1px solid #B2B5B6;
border-top: 1px solid #B2B5B6;
font: 11px Times New Roman;
font-weight: bold;
text-decoration: none;
text-align: center;
margin-top: 1px;
margin-left: 15px;}
.buttons a:hover
{border-left: 10px solid #FF9900;
border-right: 10px solid #FF9900;
text-decoration: none;
color: rgb(000,000,000);}
Hier nun der Code der in den HTML Code eingefügt wird:
<div id="menubar">
<div class="buttonscontainer">
<div class="buttons">
<a href="#">Startseite</a>
<a href="#">Forum</a>
<a href="#">Visual Basic 6</a>
<a href="#">HTML</a>
<a href="#">Links</a>
<a href="#">Kontakt</a>
</div>
</div>
</div>
Ich hoffe mir kann da einer helfen! Bin für jede Antwort dankbar!!!
mfG
Sven
Hi,
.buttons a
{color: rgb(000,000,000);
background-color: rgb(220,220,220);
padding: 2px;
padding-left: 3px;
display: block;
width:100%;
/* sonst rafft es der IE nicht */
cu,
Andreas
Ok Danke für die schnelle Antwort! Immer dieser shit IE!! ,)
mfG
Sven