|
|||
Seite 100% Höhe + Registerkartenmenü
Hallo,
ich würde gern das Menü Registerkarten implementieren. Jetzt steht das Menü leider unterhalb des "Logos" anstelle daneben. Wie bekomme ich das hin, dass die Seite mit 100% Höhe dargestellt würd, so wie das jetzt ist passt das nicht? Code:
body, html { height: 100% !important; padding: 0; } body { color: #444; font: 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif; } .wrapper { width: 964px; margin: auto; } a { color: #11a; text-decoration: none; } img { border: 0; vertical-align: text-bottom; -ms-interpolation-mode: bicubic; } header { position: relative; background: #b3b3b3; background: rgba(179, 179, 179, 0.5); height: 80px; } header h1 { float: left; background-color: #111; color: #fff; width: 140px; height: 37px; font: italic 24px "Times New Roman", Times, serif; text-align: center; text-shadow: 1px 1px 0 #000; margin: 14px 0 0 24px; padding: 5px 0 0; } nav { overflow: hidden; position: absolute; height: 22px; left: 150px; bottom: 0; margin: 0; padding: 0; z-index: 1; } nav ul { list-style: none; width: auto; margin: 0 auto; } nav ul li { display: inline; } nav ul li a { display: inline-block; color: #777; background: rgba(255, 255, 255, 0.75); font-size: 14px; text-align: center; text-decoration: none; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; position: relative; height: 20px; box-shadow: 3px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 3px 1px 3px rgba(0, 0, 0, .25); -webkit-box-shadow: 3px 1px 3px rgba(0, 0, 0, .25); margin-left: -5px; padding: 3px 6px; } nav ul li a:hover { background-color: #ddd; color: #444; } nav ul li.active a { background-color: #fff; color: #222; } GN |
Sponsored Links |
|
||||
Gib nav "float: left;" und positioniere es.
Position: absolute; muss raus!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
Sponsored Links |
|
|||
hallo,
ich hoffe das ist jetzt so richtig? Das mit den Registerkarten passt zwar nor nicht richtig... Wie ist denn das mit der Höhe, dass das ganze auf 100% angezeigt wird. GN |
|
||||
Wegen der 100% Höhe: hast du dir das durchgelesen, wegen der Umsetzung?
How to Use the Sticky Footer HTML & CSS Code Wie man den Sticky Footer-Code benutzt Hier in der FAQ gibts auch etwas dazu. Manfred |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit einbinden von Dropdown-Navigation in Seite... | epsylon2 | CSS | 4 | 29.03.2009 00:25 |
Problem mit dynamischer Höhe + Footer | sunshadow | CSS | 2 | 29.10.2008 10:41 |
Fixer Header (CSS Frame) und Sprung zu Anker auf dieser Seite | Chico_wau | CSS | 2 | 14.05.2007 19:08 |
problem: frame / frameset seite in css schreiben | darwin | CSS | 0 | 31.03.2006 13:29 |
Höhe eines td festlegen | to.ni | CSS | 2 | 12.06.2004 16:00 |