✔ li navigation im IE fehlerhaft

  • Themenstarter Themenstarter Trax3r
  • Beginndatum Beginndatum
Status
Nicht offen für weitere Antworten.
T

Trax3r

Hallo

ich habe bis jetzt alles ueber die suche gefunden aber jetzt komm ich nicht mehr weiter.

habe ein problem mit meiner list Navigation in IE6 (7 ka hab ich nicht, FF geht ohne Probs.). In meiner Navigation sind 2 spalten und ich habe keine ahnung wie ich die weg bekomme

lege mal ein bild mit um das zu verdeutlichen. Zum Quell text Ich bin ein echter Nap nicht drueber wundern ^^

(weiss ned wo der fehler liegt drum poste ich mal alles)

php
HTML: 
    </head>
    <body>
      <div id="background">
      <div id="header_content">
         	<ul class="header_nav">
                 	<li id="header_nav_1"></li>
	     	</ul>
                 	<span id="header"></span>
              	<ul class="header_end">
	     		<li id="header_end_1"></li>
	     	</ul>
         </div>
      <div id="wrap">
         <div id="colLeft">
         	<div id="nav">
                 	<span id="navigation_light"></span>
                         <span id="navigation"></span>
	     	     <ul>
                 	<li><a href="index.php?seite=news" id="nav_news">&nbsp;&nbsp;&nbsp;&nbsp;News</a></li>
			<li><a href="phpbb2/index.php" id="nav_board">&nbsp;&nbsp;&nbsp;&nbsp;Board</a></li>
			<li><a href="index.php?seite=projects" id="nav_projects">&nbsp;&nbsp;&nbsp;&nbsp;Projects</a></li>
			<li><a href="index.php?seite=downloads" id="nav_downloads">&nbsp;&nbsp;&nbsp;&nbsp;Download</a></li>
                 	<li><a href="index.php?seite=links" id="nav_links">&nbsp;&nbsp;&nbsp;&nbsp;Links</a></li>
              	     </ul>
                 	<span id="nav_misc"></span>
              	     <ul>
			<li><a href="#" id="nav_staff">&nbsp;&nbsp;&nbsp;&nbsp;Staff</a></li>
			<li><a href="#" id="nav_faq">&nbsp;&nbsp;&nbsp;&nbsp;F.A.Q</a></li>
			<li><a href="#" id="nav_about">&nbsp;&nbsp;&nbsp;&nbsp;About</a></li>
              	     </ul>
                 	<span id="nav_login">&nbsp;</span>
                 	<span id="nav_login_con">
                         <?php
			if (isset ($_REQUEST["fehler"]))
			{
  				echo "Die Zugangsdaten waren ungültig.";
			}
			?>
			<form action="at_intern/login.php" method="post">
                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Username: <br><input type="text" name="name" size="12"  class="login"><br>
  			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kennwort: <br><input type="password" name="pwd" size="13"  class="login"><br>
  			<input type="submit" value="Login"  class="login2">
			</form></span>
                 	<span id="nav_footer">&nbsp;</span>
              	</div>
         </div>
     	<div id="colRight">
         	<div id="rnav">
                      <span id="search"></span>
                      <span id="search2"></span>
                      <span id="trenner3"></span>
                      <span id="lastreleases"></span>
         	</div>
         </div>
     	<div id="colMiddle">
         #inhalt#
         </div>
      </div>
      </div>
    </body>
    </html>

CSS
HTML: 
    /* Background Images */
body {
    margin:0;
    padding:0;
    color:#ffffff;
    font-size:8pt;
    background-repeat:repeat;
    background-position:center;
    background-image:url(../images/body_bg.gif);
    font-family:Verdana, Arial, Helvetica, sans-serif;
    }

div#background {
    background-position:top;
    background-repeat:repeat-y;
    }

    /* warp */
div#wrap {
    margin:auto;
    width:950px;
    height:600px;
    background-color:#cdcfd5
    }

div#header_content{
    width:950px;
    height:230px;
    margin:auto;
}

div#colLeft{
    float:left;
    width:150px;
    height:600px;

}

div#colMiddle{
    width:625px;
    margin:auto;
}

div#colRight{
    float:right;
    width:164px;
    height:400px;
}

    /* Header */
ul.header_nav {
    height:25px;
    margin:0;
    padding:0;
    list-style-type:none;
    }
ul.header_nav li {
    float:left;
    }
.header_nav a {
    display:block;
    text-decoration:none;
    }
li#header_nav_1 {
    width:950px;
    height:25px;
    background-image:url(../images/nav_top.gif);
    }

span#header {
    width:950px;
    height:200px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/header.jpg);
    }

ul.header_end {
    height:5px;
    margin:0;
    padding:0;
    list-style-type:none;
    }
ul.header_end li {
    float:left;
    }
.header_end a {
    display:block;
    text-decoration:none;
    }
li#header_end_1 {
    width:950px;
    height:5px;
    background-image:url(../images/leer_1.gif);
    }

    /* linke Navigation */

#nav {
    float:left;
    }
#nav ul {
    padding:0;
    margin:auto;
    list-style-type:none;
    }
#nav li {
    margin-top:auto;
    }

span#navigation_light {
    width:150px;
    height:8px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/lnav_top.gif);
    }
span#navigation {
    width:150px;
    height:19px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/lnav_navigation.gif);
    }

a#nav_news {
    width:150px;
    height:19px;
    background-image:url(../images/lnav_button.gif);
    }
a#nav_board {
    width:150px;
    height:19px;
    background-image:url(../images/lnav_button.gif);
    }
a#nav_projects {
    width:150px;
    height:19px;;
    background-image:url(../images/lnav_button.gif);
    }
a#nav_downloads {
    width:150px;
    height:19px;
    background-image:url(../images/lnav_button.gif);
    }
a#nav_links {
    width:150px;
    height:19px;
    background-image:url(../images/lnav_button.gif);
    }
span#nav_misc {
    width:150px;
    height:18px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/lnav_misc.gif);
    }
a#nav_staff {
    width:150px;
    height:19px;;
    background-image:url(../images/lnav_button.gif);
    }
a#nav_faq {
    width:150px;
    height:19px;
    background-image:url(../images/lnav_button.gif);
    }
a#nav_about {
    width:150px;
    height:19px;
    background-image:url(../images/lnav_button.gif);
    }
span#nav_login {
    width:150px;
    height:18px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/lnav_intern.gif);
    }
span#nav_login_con {
    width:150px;
    height:95px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/lnav_login.gif);
    }
span#nav_footer {
    width:150px;
    height:75px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/lnav_footer.gif);
    }
#nav a {
    width:150px;
    height:19px;
    color:#FFFFFF;
    display:block;
    text-decoration:none;
    background-color:#FFFFFF;
    }
#nav a:hover, #nav a:active {
    background-color:#7392b5;
    }

    /* Login Style */
input.login {
    margin:0px 0 0 20px;
    width:110px;
    height:14px;
    color:#ffffff;
    font-size: 8pt;
    border:1px #33343f solid;
    background-color:#3c3f48;
    font-family:Verdana;
    }
input.login2 {
    margin:0px 0 0 20px;
    width:50px;
    height:20px;
    color:#ffffff;
    font-size: 8pt;
    border:1px #33343f solid;
    background-color:#3c3f48;
    font-family:Verdana;
    }
fieldset {
    border:0;
    margin:0;
    padding:0;
    }

    /* RNAV */
div#rnav {
    float:left;
    width:159px;
    }
span#search {
    width:159px;
    height:23px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/rnav_search.gif);
    }
span#search2 {
    width:159px;
    height:70px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/rnav_search.box.gif);
    }
span#trenner3 {
    width:159px;
    height:14px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/leer3.gif);
    }
span#lastreleases {
    width:159px;
    height:23px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/rnav_lastr.gif);
    }
 

Anhänge

  • fehler.jpg
    fehler.jpg
    117,3 KB · Aufrufe: 33
Hi,

versuch es mal mit diesen Regelerweiterungen:

Code: 
span#navigation_light {
    width:150px;
    height:8px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../images/lnav_top.gif);
    overflow:hidden;
    }

#nav form { 
     margin:0; 
     padding:0; 
   }
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück