| Autor |
Nachricht |
El_Fuego
Threadersteller
Dabei seit: 11.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 11.10.2006 15:04
Titel IExplorer ignoriert "border-color" |
  |
|
Hallo zusammmen,
ich habe begonnen ein eigenes CSS-Layout zu entwerfen. Dabei möchte ich möglichst kein Bilder zur Formatierung verwenden.
Mein Problem ist dass der IExplorer die Farbe des Borders nach der Textfarbe richtet. Folgende Seite bescheert mir das Problem.
Hier zur Seite
Der dazugehöhrende CSS-Code....
| Code: |
div#menucol a {
width: 100%;
font-size: 85%;
padding-right: 0px;
}
div#menucol a:link, div#menucol a:visited, div#menucol a:active {
display: block;
width: 100%;
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
background-color: transparent;
text-decoration: none;
color: blue;
text-indent: 20px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
div#menucol a:hover {
width: 100%;
background: #FAFBFE;
border-top: 1px solid #CCD7E7;
border-bottom: 1px solid #CCD7E7;
border-right: 8px solid #90A8C0;
color: blue;
margin-left: 0;
margin-right: 0;
padding-left: 0px;
text-indent: 20px;
}
|
Vielen Dank schonmal für alle Antworten
|
|
| |
  |
 |
| |
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 18
Geschlecht: 
|
Verfasst Mi 11.10.2006 15:12
Titel
|
|
|
|
ie unterstützt border-color: transparent; nich. musste dir was anderes einfallen lassen. margin-top und margin-bottom statt des transparenten borders o.ä.
|
|
| |
 |
|
El_Fuego
Threadersteller
Dabei seit: 11.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 11.10.2006 15:15
Titel
|
|
|
Besten Dank für die schnelle Antwort. Werde in dem Fall in der Richtung weiterprobieren.
Edit: Hier nun die momentane Lösung.
| Code: | div#menucol a {
width: 100%;
font-size: 85%;
padding-right: 0px;
}
div#menucol a:link, div#menucol a:visited, div#menucol a:active {
display: block;
width: 100%;
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
background-color: transparent;
text-decoration: none;
color: blue;
text-indent: 20px;
padding-top: 1px;
padding-bottom: 1px;
}
div#menucol a:hover {
width: 100%;
background: #FAFBFE;
border-top: 1px solid #CCD7E7;
border-bottom: 1px solid #CCD7E7;
border-right: 8px solid #90A8C0;
padding-top: 0px;
padding-bottom: 0px;
color: blue;
margin-left: 0;
margin-right: 0;
padding-left: 0px;
text-indent: 20px;
} |
Zuletzt bearbeitet von El_Fuego am Mi 11.10.2006 15:52, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Bilder im A-Element haben trotz border:none einen border
CSS Bildlink: ohne border - hover: mit border
Iexplorer 6| Problem
iframe wird im iexplorer nicht angezeigt
CSS: Probleme bei der Darstellung beim IExplorer
css horizontale navigation im iexplorer 7 verschoben
|
|
Willkommen auf dem Portal für Mediengestalter
