Hallo Gemeinde !
Ich habe mal wieder ein Problem
Ich bin gerade dabei mein Design Valide zu machen und möchte dabei auch gleich das IE- Anzeige-Problem lösen
nur weiss ich leider nicht wie
Hier mal ein Screen wie die Navigation aussehen soll
Und hier einer wie er im IE tiefer IE8 aussieht
Ich habe hier mal den Qellcode zur Navigation
und hier die CSS-Anweissung dazu
Was muss ich ändern damit die Navi auch im IE schick ist
Ich danke für Eure Hilfe
Ich habe mal wieder ein Problem
Ich bin gerade dabei mein Design Valide zu machen und möchte dabei auch gleich das IE- Anzeige-Problem lösen
nur weiss ich leider nicht wie
Hier mal ein Screen wie die Navigation aussehen soll
Und hier einer wie er im IE tiefer IE8 aussieht
Ich habe hier mal den Qellcode zur Navigation
Code:
<div class="navbar">
<ul>
<li><a href="{$mybb->settings['bburl']}/index.php"><b>Forum-Home</b></a></li>
<li><a href="{$mybb->settings['bburl']}/forum-28.html"><b>Forumregeln</b></a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><b>Mitglieder</b></a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><b>Suche</b></a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><b>Hilfe</b></a></li>
<li><a href="{$mybb->settings['bburl']}/partner.php"><b>Partner</b></a></li>
</ul>
</div>
und hier die CSS-Anweissung dazu
Zitat:.navbar {
width: 1000px;
background-image: url(images/wszene-w3c/bg_navi_head.png);
background-repeat: repeat-x;
height: 50px;
margin: 0 auto;
padding: 0;
}
.navbar ul {
margin: 3px 0 0 45px;
padding: 0;
padding-top: 10px;
list-style: none;
display: table;
white-space: nowrap;
list-style: none;
height: 24px;
position: relative;
font-size: 12px;
}
.navbar li {
display:table-cell;
margin:0;
padding:0;
padding-right: 10px;
}
.navbar li a {
background: url(images/wszene-w3c/bg_navi_li.png) no-repeat;
color: #000;
display: block;
float: left;
height: 24px;
line-height: 22px;
text-align: center;
padding: 0 0 0 10px;
cursor: pointer;
text-decoration: none;
font-family: arial, verdana, sans-serif;
font-weight: bold;
}
.navbar li a b {
float:left;
display:block;
padding:0 25px 5px 15px;
background:url(images/wszene-w3c/bg_navi_re.png) no-repeat right top;
}
.navbar a:hover {
color: #22b5e3;
text-decoration: none;
font-weight: bold;
}
Was muss ich ändern damit die Navi auch im IE schick ist
Ich danke für Eure Hilfe