 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: 
|
Verfasst Do 12.03.2009 17:46
Titel [CSS] - Listenproblem IE6 |
  |
|
hallo zusammen,
der IE6 bereitet mir grad bissel Magenschmerzen.
und zwar bin ich dabei ein ListenNavigation aufzubauen.
Im IE6 schaut das so aus:
So sollte es aussehen (FF, IE7,usw)
Das CSS dazu wie folgt:
| Code: |
div#wrapper #head #nav-pt1 ul, div#wrapper #head #nav-pt2 ul, div#wrapper #head #nav-pt3 ul, div#wrapper #head #nav-pt4 ul, div#wrapper #head #infonav ul {
margin-top:20px;
font-size:0.8em;
}
div#wrapper #head #nav-pt1 li, div#wrapper #head #nav-pt2 li, div#wrapper #head #nav-pt3 li, div#wrapper #head #nav-pt4 li {
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
}
* html div#wrapper #head #nav-pt1 li, div#wrapper #head #nav-pt2 li, div#wrapper #head #nav-pt3 li, div#wrapper #head #nav-pt4 li {
line-height:1.4em;
padding:0;
margin:0;
}
div#wrapper #head #nav-pt1 li:hover, div#wrapper #head #nav-pt2 li:hover, div#wrapper #head #nav-pt3 li:hover, div#wrapper #head #nav-pt4 li:hover {
background:#ff3300 none repeat scroll 0 0;
color:#fff;
}
div#wrapper #head #nav-pt1 a, div#wrapper #head #nav-pt2 a, div#wrapper #head #nav-pt3 a, div#wrapper #head #nav-pt4 a {
display:block;
padding:0 0.6em;
text-decoration:none;
color:#000;
}
* + html div#wrapper #head #nav-pt1 a, div#wrapper #head #nav-pt2 a, div#wrapper #head #nav-pt3 a, div#wrapper #head #nav-pt4 a {
padding:0 0.5em;
margin:0;
}
div#wrapper #head #nav-pt1 a:hover {
color:#fff;
border-right:1px dotted #fff;
}
* html div#wrapper #head #nav-pt1 a:hover {
color:#fff;
border:none;
}
div#wrapper #head #nav-pt2 a:hover, div#wrapper #head #nav-pt3 a:hover, div#wrapper #head #nav-pt4 a:hover {
color:#fff;
}
* html div#wrapper #head #nav-pt1 a:hover, div#wrapper #head #nav-pt2 a:hover, div#wrapper #head #nav-pt3 a:hover, div#wrapper #head #nav-pt4 a:hover {
display:block;
background:#ff3300;
}
div#wrapper #head #nav-pt1 a.aktiv {
display:block;
background:#ff3300 none repeat scroll 0 0;
color:#fff;
border-right:1px dotted #fff;
}
* html div#wrapper #head #nav-pt1 a.aktiv {
border:none;
}
div#wrapper #head #nav-pt2 a.aktiv, div#wrapper #head #nav-pt3 a.aktiv, div#wrapper #head #nav-pt4 a.aktiv {
display:block;
background:#ff3300 none repeat scroll 0 0;
color:#fff;
}
|
sorry für die unordnung des Sources, aber ich räume immer erst zum schluß auf... 
hat mir jemand einen Tipp woran es scheitert?
vielen dank
|
|
| |
  |
 |
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 12.03.2009 18:02
Titel
|
|
|
div#wrapper #head #nav-pt1 ul, div#wrapper #head #nav-pt2 ul, div#wrapper #head #nav-pt3 ul, div#wrapper #head #nav-pt4 ul, div#wrapper #head #infonav ul {
margin-top:20px;
font-size:0.8em;
}
Zuletzt bearbeitet von DesignKater am Do 12.03.2009 18:02, insgesamt 1-mal bearbeitet
|
|
| |
|
|
|
Anzeige
|
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 12.03.2009 18:10
Titel
|
|
|
nee das isses nicht, das behandelt ja auch nur meine <ul>'s .
dieses sollen zum vorhergehenden element 2ßpx abstand halten.
auch wenn ich es entferne oder für den IE6 einen anderen wert definiere, habe ich immer noch die abstände
// also eine Lösung wäre
| Code: |
* html div#wrapper #head #nav-pt1 li, div#wrapper #head #nav-pt2 li, div#wrapper #head #nav-pt3 li, div#wrapper #head #nav-pt4 li {
line-height:1.4em;
padding:0;
margin-top:-10px;
}
|
den <li>'s ein negatives Margin zu vergeben und das Margin für <ul> anzupassen.Ich hab soetwas aber nicht gern.
Also falls jemand mir eine bessere Lösung hat, immer her damit.
Zuletzt bearbeitet von Kash am Do 12.03.2009 18:18, insgesamt 2-mal bearbeitet
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 12.03.2009 18:35
Titel
|
|
|
|
versuchs mal mit: height: 1%; oder zoom: 1; (also dem ganzen hasLayout verpassen). das hilft bei solchen abständen in listen zumeist...
|
|
| |
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 12.03.2009 18:57
Titel
|
|
|
danke für den Tipp.
soweit erfolgreich getestet, gebe ich natürlcih bescheid.
//also height:1%; (hasLayout) ist hier leider fehl am Platz.Sobald ich keine Breite für das Element angebe zerschießt es die nachfolgenden Elemente. Und width:auto; funktioniert dann nicht.
Zum hasLayout selbst habe ich heute noch folgendes Gefunden
http://onhavinglayout.fwpf-webdesign.de/
Zuletzt bearbeitet von Kash am Fr 13.03.2009 10:34, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
CSS -> listenproblem
[CSS] Haeder-/Listenproblem
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
