Problem mit ie 6 durch hover

tommylik · 5 Dezember 2007

Hallo an alle,

Ich habe da ein problem mit dem IE 6. Firefox, Opera, Netscape und der IE 7 zeigen alles korrekt an.

Habe da eine Navigationsliste mit einem Rahmen versehen und Hovereffekt.

1. Bild ansicht beim öffnen. Rahmen wird nicht richtig gezeichnet.

http://www.bilder-hochladen.net/files/49xx-j.gif

2. Bild ansicht was passiert wenn der Hover greift. Hover funktioniert aber.

http://www.bilder-hochladen.net/files/49xx-k.gif

Habe folgende CSS Datei:

Code:

a { color: blue; text-decoration: none; }
body { color: black; background-color: olive; margin: 0; padding: 0; }
ul#nav { background-color: #ccc; text-indent: 0.5em; width: 240px; margin: 0; padding: 0; }
ul#nav li { margin-bottom: -1px; padding: 0; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; list-style-type: none; }
ul#nav li a { display: block; }
ul#nav li a:hover { color: red; background-color: teal; }
#inhalt { position: absolute; top: 100px; left: 240px; right: 0; height: auto; visibility: visible; margin: 0; }
#kopf { height: 100px; width: auto; left: 240px; top: 0; position: absolute; right: 0; visibility: visible; margin: 0; }
#logo { height: 100px; width: 240px; left: 0; top: 0; position: absolute; visibility: visible; padding: 0; }
#navigation { background-color: white; width: 240px; left: 0; top: 100px; position: absolute; height: auto; visibility: visible; margin: 0; padding: 0; border-right: 1px solid black; border-bottom: 1px solid black; }
#rahmen { height: 100%; width: 100%; left: 0; top: 0; position: absolute; visibility: visible; margin: 0; padding: 0; }

Code:

<?php include_once "./generate_menu.php"; ?>

So sehen die php-Dateien aus.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="de">

    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        
        <title>AGB</title>
        <link href="css/layout.css" rel="stylesheet" type="text/css" media="all">
    </head>

    <body>
        <div id="rahmen">
            
            <div id="logo">
                <img src="img/logo001.gif" alt="" border="0">
            </div>
        
            <div id="kopf">
            </div>
        
            <div id="navigation">
                <?php menu::generate_menu ($PHP_SELF); ?>
            </div>
        
            <div id="inhalt">
            </div>
        
        </div>
    </body>

</html>

Ich denke das ich das ganze mit einem IE 6 Hack lösen kann aber ich weiß leider nicht wie und an welcher stelle.

Vielen Dank schon mal im vorraus.

Mfg Tommylik

tommylik · 10 Dezember 2007

Hallo an alle,

Habe das Problem selber lösen können.

Habe die css-datei wie folgt abgeändert.

Code:

a { color: blue; text-decoration: none; }
body { color: black; font-size: 1em; line-height: 1.4em; background-color: gray; margin: 0; padding: 0; }
ul#nav { background-color: #ccc; text-indent: 0.5em; width: 240px; margin: 0; padding: 0; }
ul#nav li { [COLOR=Red]width: 100%;[/COLOR] margin-bottom: -1px; padding: 0; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; list-style-type: none; }
ul#nav li a { [COLOR=Red]width: 100%;[/COLOR] display: block; }
ul#nav li a:hover { color: red; background-color: teal; }
#inhalt { position: absolute; top: 100px; left: 240px; right: 0; height: auto; visibility: visible; margin: 0; }
#kopf { height: 100px; width: auto; left: 240px; top: 0; position: absolute; right: 0; visibility: visible; margin: 0; }
#logo { height: 100px; width: 240px; left: 0; top: 0; position: absolute; visibility: visible; padding: 0; }
#navigation { background-color: white; width: 240px; left: 0; top: 100px; position: absolute; height: auto; visibility: visible; margin: 33px 0 0; padding: 0; border-right: 1px solid black; border-bottom: 1px solid black; }
#rahmen { height: 100%; width: 100%; left: 0; top: 0; position: absolute; visibility: visible; margin: 0; padding: 0; }

Eine Breitenangabe für die Links und schon ging es.

Mfg Tommylik

Problem mit ie 6 durch hover

tommylik

Neues Mitglied

tommylik

Neues Mitglied

Neueste Beiträge