zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Seite 100% Höhe + Registerkartenmenü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.01.2011, 16:36
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard 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; }
Live: testcase

GN
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.01.2011, 17:02
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Gib nav "float: left;" und positioniere es.
Position: absolute; muss raus!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.01.2011, 21:13
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 01.02.2011, 10:39
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:26 Uhr.