|
|||
Navigationsliste mit fixer Höhe rechts positionieren
Hi Leute,
ich bin gerade dabei meine 2 Jahre alte, erste tabellenfreie Site zu überarbeiten, also Code und CSS zu optimieren (letzteres ist wirklich jedem für seine Uralt-Seiten zu empfehlen, ich hab schon 200 von 580 Zeilen gelöscht) und stoße wieder auf dasselbe Problem, das ich früher schonmal hatte und damals mehr schlecht als recht gelöst habe. Ich habe den gelben Streifen mit der border-Eigenschaft zusammengefriemelt, was aber in Safari, Konqueror und Opera sowie beim Verändern der Textgröße nicht richtig dargestellt wird: http://www.rotown.de/page/ Jetzt habe ich schon 3 Stunden mit allen möglichen Methoden rumgespielt, aber ich komme einfach nicht auf einen grünen Zweig. Irgendwas geht in irgendeinem Browser immer schief. Die neue Site ist diese: http://www.rotown.de/page/indextest.php Im Firefox stimmt im Moment alles, außer dass das Menü links positioniert ist. Der IE spielt total verrückt und zeigt eine "Treppe". Ich bräuchte es eigentlich nur so wie auf der alten Site, aber crossbrowserkompatibel, also mit Hintergrundbild. (Ich habe den Punkten zum Testen nen dunkelgrünen Hintergrund gegeben) Hat jemand ne Idee? Es müsste eigentlich so einfach sein...
__________________
Gruß, Sebastian |
Sponsored Links |
|
||||
nur im FF getestet, du hattest zwei Selektoren falsch (#navlist ul, muss aber ul#navlist sein), dann noch nen paar Kleinigkeiten geändert. Probier es mal aus!
Und - schöne Seite! Code:
/*** Navi **************************************************************/ #navcontainer { background: url(http://www.rotown.de/mt/images/bg_banner_02.gif) top center no-repeat; padding: 0 10px 0 0; height: 27px; text-align: right; } ul#navlist { float:right; height: 27px; } ul#navlist , #navlist li { display: block; list-style-type: none; } #navlist a{ float: left; text-decoration: none; font-size: 1.2em; color: #FFF; padding: 6px 6px 4px 6px; background: url(http://www.rotown.de/mt/images/bg_banner_02.gif) top center no-repeat; } #navlist a:link#current, #navlist a:visited#current, #navlist a:hover { background: url(http://www.rotown.de/gfx/layout/navi_bg_hover.gif) repeat-x; }
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
|||
Vielen Dank!
Im Firefox geht's nun einwandfrei. Leider nur im FF: IE macht jetzt ne Treppe rechts: Und Opera stellt alles untereinander dar:
__________________
Gruß, Sebastian |
|
||||
ich werds jetzt mal local testen und dann wenns im Opera und IE funzt mich wieder melden.
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
||||
Code:
ul#navlist li { float:left; }
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV: Ausfüllen restlicher Höhe bei weiterem DIV mit fixer Höhe | danoman | CSS | 5 | 24.04.2011 18:38 |
unten rechts positionieren | Cu Chullain | CSS | 6 | 22.12.2008 14:40 |
Objekt rechts unten im Dokument positionieren | thalon | CSS | 4 | 08.10.2007 16:42 |
dynamische Höhe einer Navigationsliste | Timo trallala | CSS | 2 | 24.01.2007 12:24 |
Bild rechts positionieren | Retrax | CSS | 3 | 24.01.2005 17:02 |