Hilfe beim Layout
Hallo!
Ich versuche mich gerade an meinem ersten Layout mit CSS, habe da jedoch einige Probleme. Erstmal klappt die Darstellung im IE nicht. Das zweite Problem ist, dass die Menü-Spalte die Größe der Inhalt-Spalte annehmen soll, ist das realisierbar? Danke! Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
Zu 1.:
Code:
#menu { Außerdem gibt es bessere Methoden, ein div zu zentrieren! ;) Code:
#content {margin:0 auto; } zu 2.: Such nach "faux columns"! |
|
Hm, dass mit den faux columns ist ja ganz schön, doch hat es nicht soweit seine Grenzen, dass bei Seiten, die "nicht in px , sondern mit % gestaltet sind", dass nicht so funktioniert?
Bei mir sollte ja das Ganze zentriert sein, die Menübreite und Content immer relativ (20 bzw. 80%). Wie ließe sich das mit faux columns lösen? |
Und kann' sein, dass der "Zentriertrick" (#content {margin:0 auto; }) auch nur bei einer statischen Breite funktioniert?
|
Was ist eine "statische" Breite?
Es muss eine Breitenangabe vorhanden sein, denn 100% breite Container lassen sich schwerlich zentrieren... Diese Breite kann auch 60% sein. Bei dir kann das auch heißen: margin:0 20%; Dann geht's ohne Breitenangabe. Die "faux columns" brauchst du für #menu und #inhalt. Für #menu hast du doch eine feste Pixelbreite angegeben - also was spricht gegen die Hintergrundbild-Lösung? |
Zitat:
Ich sehe da 2 Probleme: 1. Ich möchte einen gekachelten Hintergrund haben (von der gesamten Website) 2. der linke Abstand ist variabel, man kann also nicht sagen, dass das Menü immer 50px von links ist... Lässt sich das dennoch lösen? |
Zitat:
Bei dir wäre vermutlich #content das geeignete Element für das faux columns Hintergrundbild. Der body kann ein weiteres BG-Bild bekommen. Benutz mal die Suchfunktion des Forums. Da wirst du viele umgesetzte Beispiele von "faux columns" finden. |
Hm, hab jetzt noch ein wenig rumgesucht, bin immer noch nicht weiter...
Ich habe jetzt noch einen Footer dazugenommen: Wenn der Inhalt der Seite kleiner als das Browserfenster ist, soll der Footer ganz unten angezeigt werden und die Spalten entsprechend verlängert werden. Geht der Inhalt über eine Seite, soll der Footer einfach angehangen werden. Tut mir echt leid, dass ich soviel frage, aber für mich ist das noch nicht allzu durchschaubar.. Code:
body { Code:
<html> |
Zitat:
Zum Thema "footer immer unten": http://www.themaninblue.com/writing/...ve/2005/08/29/ |
Alle Zeitangaben in WEZ +2. Es ist jetzt 14:57 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023