Header - Leftmenue, Kontent 100% - footer CSS und keine Scrollbars!
Hallo Zusammen!
Nachdem ich eigentlich immer – wegen den Problemen – Layouts mit Tabellen erstellt habe, möchte ich auf CSS umstellen. Leider mußte ich feststellen, dass egal welche Hacks und welche Tricks ich anwende, NIE das gewünschte Seitenverhalten zu erstellen war. Ich will auch überhaupt keine Diskussion starten ob CSS oder Tabellen besser sind oder welcher Browser schlecht und welcher gut ist. Aufgabenstellung ist ein Layout mit: Header width:100%, height:179px Kontentbereich mit Leftmenü Width:200px, Height 100% (wobei hier die 100% Browserfenster, abzüglich header und footer ist. Footer width 100%, height:25px Soweit so gut. Wenn ich einen DIV Container für den Kontentbereich erzeugen mit height:100% und vorher html,body height:100% gesetzt habe, erhalte ich immer eine vertikale scrollleiste die in der Höhe des Headers ist und unter dem Footer ist auch noch der Inhalt des Kontentbereiches… Oder Firefox stellt das Menue nicht mit 100% da und es fehlt somit der Hintergrund. (Immer vorausgesetzt der Kontent ist kurz und schiebt nicht sowieso den Footer bis unten) Hat jemand eine Idee wie ich das hinkriege? Beispiel : www.delphiprofi.de oder nordic-and-more.de Grüße Frank :icon_cry: Natürlich funktioniert das ganze im IE & Firefox ohne DOC-Type und mit Tabellen! :oops: |
gibste die hintergrundfarbe/hintergrundgrafik body oder html, wirds auf die leinwand projeziert, brauchste die 100% height nimmer.
wow, du brauchst nen 100% width divider. was muss man tun, damit nen div vollstmögliche breite annimt? mal überlegen... nix ;) automatische breite von divs im normal flow bezieht sich auf extend to shrank, nimmt volle breite ein. also bloß die gewünsche höhe und de hintergrundgrafik (den banner) Zitat:
Zitat:
wenn du realvnc hast und skype, kann ich ja mal remote vorbeischaun. |
Zitat:
Zitat:
Zitat:
Grüsse Mavarik66 ;) |
ehrlich gesagt bin ich gerade zu müde, um zu verstehen, was genau du erreichen willst. sowas ähnliches wie auf meiner seite? - simpleml.bplaced.net - xhtml und css tutorials, artikel, video tutorials, referenzen und nachschlagwerke
paar divs und das wars, kannste im stylesheet abgucken. Zitat:
|
// edit
falscher topic. pls delete - diesen post selbstverständlich |
[QUOTE=sjBlack;391293]ehrlich gesagt bin ich gerade zu müde, um zu verstehen, was genau du erreichen willst. sowas ähnliches wie auf meiner seite?[/url]
Nein so wie das Layout, welches ich zur Zeit mit Tabellen mache! Zitat:
Habe dich in meinem MSN Messenger eingetragen! Hiernochmal meine Tests So sollte es aussehen, jedoch kein content unter footer und ohne Scrollleisten Scolleisten und footer zu tief Scolleisten und footer zu tief ohne Positionierungsangaben Grüsse Frank |
Zitat:
Grüsse Frank:roll: |
Header - Leftmenue, Kontent 100% - footer CSS und keine Scrollbars!
Push!:mrgreen:
Hallo! Keine Idee wie das geht? Grüsse Frank |
DIV bis GANZ untent
ICH BIN DUMM DAS SOLLTE EIN NEUER THREAD WERDEN BITTE LÖSCHEN :(
Hallöchen Leute, muss doch nochmal im Hilfe bitten hab wirklich versucht zu suchen aber ich denke ich suche nur falsch kann mir nicht vorstellen das die Frage noch nie gefallen ist eher im Gegenteil ^^ Alsooo ich hab ein "Submenu" DIV und dein "Content" Div nebeneinander, das ganze ist verschachtelt in andere DIVs, html/body 100% Höhe der Wrapper ebenfalls. Dachte ich könnte mit relative/absolute arbeiten um zu erreichen was ich will. Und zwar sollen die besagten DIVs von unter dem Banner bis GANZ unten gehen also bis zum Ende des dynamischen Contents, und nicht nur bis zum Bottom des Browserinhalts, was wohl durch bottom: 0px; passiert. Ich hab das auch irgendwo schonmal ziemlich easy hinbekommen bin ich mir sicher aber ich finds einfach nicht mehr... Aber trotzdem dank des Forums bin ich schon viel frischer in Sachen CSS/DIV statt Table Design ;) Danke an der Stelle dafür! Ich poste einfach mal HTML sowie CSS, Backgrounds könnt ihr ja durch Farben ersetzen... Code:
@charset "utf-8"; Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
Alle Zeitangaben in WEZ +2. Es ist jetzt 12:01 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023