nicht angemeldet
Hallo!
Vielleicht hat hier jemand einen Tipp für mich, ich weiß nicht weiter...
Erstes Problem: irgendwie bauen IE7 und FF1.5 unter die Navi eine Lücke (ein Padding?) von 3px...hab die gesamte css durchsucht, aber weiß wirklich nicht, woher das kommt. Opera zeigts richtig an, aber mit den "IE und FF-Fixes" in meiner CSS (siehe unten margin:3px 3px 0 3px;) siehts dann wieder übel aus...
Kennt jemand das Problem? Wäre es nur im IE, würd ichs ja glatt auf den schieben, aber so...?
Zweites Problem: Inhalt in den "Spacer" bekommen: Sobald ich da was reinschreibe (bspw. XXX), wird der Spacer neben der Navi 2px höher - sogar bei font-size:5px...allerdings nur im IE - FF und Opera machens ordentlich. Hat jemand eine Idee, wie ich das umgehen kann?
mein Code:
<div id="banner"><img src="banner.jpg" alt="" id="bannerimg" /><br /></div>
<div id="prenavi">
<div id="spacer" style="width:450px;">XXX</div>
<div id="navi">
<ul>
<li><a href="#" title="Startseite" ><img src="index.gif" alt="Startseite" width="130" height="16" /></a></li>
<li><a href="#" title="News" ><img src="news.gif" alt="News" width="130" height="16" /></a></li>
</ul></div>
</div>
<div class="bb">
usw...
die css:
* {margin:0;}
html {height:100%}
[usw...]
#banner {clear:left; border-bottom:1px solid #B2B2B2; text-align:center; padding: 3px !important; padding/**/:3px 0 0 0;}
#spacer {float:right; display:inline; background-color:#FCF6BA; margin:0; padding:0; height:16px; font-size:11px; text-align:right;}
#prenavi {margin:3px 3px 0 3px; text-align:left;}
#navi {width:100%; display:inline; padding:0;}
#navi ul {padding:0; margin:0; list-style-type:none; text-align:left;}
#navi li {display:inline; margin:0; }