maik
Mitglied
Registriert: 04.07.2005
Beiträge: 10
|
|
Schönen guten Tag,
ich bastle eine Navigation mit einer Liste und habe das Problem, dass im IE unter Windows
das padding-left irgendwie nach rechts übertragen wird..also bei RollOver habe ich dann rechts auch
einen abstand..
gleiches passiert, wenn ich ein padding-top einsetze..
Hat da vielleicht jemand eine Idee, mag nicht anfangen mit breaks und nbsps zu tricksen.
Die HTML-Seite:
http://www.maik-borchert.de/navi/index.html
CSS:
http://www.maik-borchert.de/navi/images/drei.css
Danke und einen tollen Nachmittag.
Beitrag geändert von maik (12.09.2005 14:20:32)
|
|
| 30.08.2005 16:23:47 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hallo,
hier einfach width:100%; einfügen, dann sollte es gehen.
Code:
ul#navlist li#active
{
background: #99A099;
color: #445B63;
padding-left: 15px;
padding-right: 0px;
width:100%;
} |
Viel Spaß noch...
Beitrag geändert von dkdenz (31.08.2005 07:43:49)
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 30.08.2005 16:45:53 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
maik
Mitglied
Registriert: 04.07.2005
Beiträge: 10
|
|
Hallo, vielen Dank für die Anregung..ich probiere das später mal aus.
Sonnige Grüße...
|
|
| 01.09.2005 09:42:15 |
|
maik
Mitglied
Registriert: 04.07.2005
Beiträge: 10
|
|
Hallo, ich bin nun ein Stück weiter und bin mit den Abständen in den verschiedenen Browsern zufrieden.
Nur die Hover-Darstellung im IE 6 unter Windows bereitet mir Probleme, im FF gehts, und der Mac stellt
es auch richtig dar. Vielleicht weiß Jemand Rat?
CSS:
ul#navlist li a:hover, ul#navlist li#active a:hover
{
display: block;
color: #FFFFFF;
background: #33535B;
padding: 20px 0 8px 20px;
border-top: 1px solid #D6DDDE;
}
HTML:
<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active">Startseite</li>
<li><a href="room.html">Showroom</a></li>
<li><a href="#">Händlernachweis</a></li>
<li><a href="#">Produktion</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
</body>
Online:
http://www.maik-borchert.de/navi/index.html
CSS:
http://www.maik-borchert.de/navi/images/drei.css
|
|
| 12.09.2005 14:28:26 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hallo,
das Problem ist folgendes:
Der IE kennt :hover nur bei a-Tags
(bei einer intensiven Google-Recherche wird das bestätigt werden).
Deswegen muss man die Formatierung direkt in den a-Tags vornehmen.
Code:
a.class:link, a.class:visited, a.class:active {
/* Hier die Angaben */
}
a.class:hover {
/* Hier die Angaben */
} |
Viel Spaß noch...
Beitrag geändert von dkdenz (12.09.2005 15:08:54)
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 12.09.2005 15:08:04 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
maik
Mitglied
Registriert: 04.07.2005
Beiträge: 10
|
|
Da wäre ich so schnell nicht drauf gekommen.
Vielen Dank!
|
|
| 12.09.2005 15:20:35 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hallo
Hier z.B. kann man das nachlesen:
http://barrierefrei.e-workers.de/p_proprietaer.php
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 12.09.2005 15:29:19 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
maik
Mitglied
Registriert: 04.07.2005
Beiträge: 10
|
|
Hallo, nochmal danke für die interessante Lektüre..sehr informativ.
Gruß, Maik
|
|
| 12.09.2005 22:40:12 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Keine Ursache...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 12.09.2005 22:51:24 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
