|
|||
Wrapper wächst nicht mit sondern bleibt fix.
Hi@all,
ich bin grad dabei mir ein Basis Layout für WP Themes zu erstellen und stolper über etwas wo ich sonst nie Probleme mit habe. XTML Code HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Basis-Vorlage</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="robots" content="index,follow" /> <meta name="copyright" content="MarcoXXXX" /> <meta name="keywords" content="Basis, Vorlage" /> <meta name="description" content="Das ist eine Basisvorlage" /> <link rel="shortcut icon" href="favicon.ico" /> <link rel="stylesheet" type="text/css" href="druck.css" /> <style type="text/css" media="screen"> @import url(style.css); </style> </head> <body> <div id="PageWrap"> <div id="Header"><h1>Willkommen</h1></div> <div id="Navigation"> <ul> <li><a href="#">Lorem</a></li> <li><a href="#">Ipsum</a></li> <li><a href="#">Dolor</a></li> <li><a href="#">Ahmet</a></li> </ul> </div> <div id="ContentWrap"> <div id="Content"> <h2>insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabi</h2> <p>A Loco per in piger aspernor, ars sis ac educo proletarius cupiditas os cuspis. Sus Modicus talentum insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabilis Cuculla, sors prae invenio Corruptio re Latro statua Illorum patria solio nos vivo gutter expletio. Rego lex Ut compatior. Mos nox oriens Rota, vox pugna quo potens praevalesco Carpo finitimus semino, patiens regno qui.</p> <h3>insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabi</h2> <blockquote cite=""> <p> A Loco per in piger aspernor, ars sis ac educo proletarius cupiditas os cuspis. Sus Modicus talentum insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabilis Cuculla, sors prae invenio Corruptio re Latro statua Illorum patria solio nos vivo gutter expletio. Rego lex Ut compatior. Mos nox oriens Rota, vox pugna quo potens praevalesco Carpo finitimus semino, patiens regno qui. </p> </blockquote> <p>A Loco per in piger aspernor, ars sis ac educo proletarius cupiditas os cuspis. Sus Modicus talentum insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabilis Cuculla, sors prae invenio Corruptio re Latro statua Illorum patria solio nos vivo gutter expletio. Rego lex Ut compatior. Mos nox oriens Rota, vox pugna quo potens praevalesco Carpo finitimus semino, patiens regno qui.</p> <h4>insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabi</h2> <p>A Loco per in piger aspernor, ars sis ac educo proletarius cupiditas os cuspis. Sus Modicus talentum insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabilis Cuculla, sors prae invenio Corruptio re Latro statua Illorum patria solio nos vivo gutter expletio. Rego lex Ut compatior. Mos nox oriens Rota, vox pugna quo potens praevalesco Carpo finitimus semino, patiens regno qui.</p> </div> <div id="SideBar"> <h2>insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabi</h2> <p>A Loco per in piger aspernor, ars sis ac educo proletarius cupiditas os cuspis. Sus Modicus talentum insum sedo connubium expertus frendo incessanter, for Contingo, duo exitiabilis Cuculla, sors prae invenio Corruptio re Latro statua Illorum patria solio nos vivo gutter expletio. Rego lex Ut compatior. Mos nox oriens Rota, vox pugna quo potens praevalesco Carpo finitimus semino, patiens regno qui.</p> </div> </div> <div id="Footer"><p>A Loco per in piger aspernor, ars sis ac educo proletarius cupiditas os cuspis.</p></div> </div> </body> Code:
/* Layout ---------------------------------*/ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100.1%;/*FOR IE BUG RELATIVE FONT-SIZE*/ background:#FFFFFF; text-align: center; } #PageWrap { width: 960px; margin: 0 auto; text-align: left; } #Header { float: left; width: 960px; height: 120px; background: #CCCCCC; } #ContentWrap { width:960px; min-height: 600px; background-color: #CECECE; } #Navigation { float: left; width: 960px; min-height: 30px; background: #220022; } #Content { float: left; width: 590px; min-height:350px; } #SideBar { float: left; width: 370px; min-height:350px; } #Footer { float: left; width: 960px; height: 120px; background: #CCCCCC; clear: both; } Eigentlich sollte der #ContentWrap mit der Masse des Inhaltes mitwachsen um den Background nach unten aufrecht zu erhalten. Macht er aber nicht. Und ich finde den Fehler nicht. Der Container #Content wächst über die Grenzen von #ContentWrap. Vielleicht seht Ihr ja den Fehler. Die weisse Spalte darf da nicht sein. Dank euch schon mal!
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel |
Sponsored Links |
|
|||
QuellCode Download
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel |
Sponsored Links |
|
|||
Die Lösung findest du in den FAQ des CSS-Bereiches (Punkt 2).
In den CSS-Bereich gehört auch dein Problem, nicht in den Sitecheck. edit: Zip-Archive öffnet niemand. Poste immer einen Link. Siehe auch: http://xhtmlforum.de/40080-f-r-frage...twortende.html
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (27.10.2008 um 21:20 Uhr) |
|
|||
re
War mir nicht sicher ob es am Markup oder am CSS lag deswegen habe ich es hier rein geposted.
Welche der Container müssen denn ge "clear" rd werden. Ich hatte vorher in allen gefloateten Containern clear: both; drin stehen. Der Fehler war der gleiche
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel Geändert von mafra (27.10.2008 um 21:27 Uhr) |
|
|||
Zitat:
Zitat:
Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Für die, die keine ZIP öffnen
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel |
|
|||
Nimm es mir mal nicht übel aber ist das ein Hilfeforum oder ein WIKKI. So kann man sich die User auch verkraulen. Beschwerde an MOD
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel |
|
|||
Dies ist kein Forum, in dem die immer gleichen Fragen wieder und wieder durchgekaut werden müssen. Genau dafür gibt es die FAQ.
edit: Auf die FAQ wurdest du übrigens bereits vor dem Absenden deines Threads hingewiesen. Wer soll sich darüber jetzt beschweren?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
re
Oder die Arroganz deinerseits. Aber da bekomme ich halt woanders geholfen. Ich hatte das Forum mal als Anlaufstelle gesehen. Aber solche Antworten kannst du echt stecken lassen. Das FAQ ist nicht das was ich als Antwort Suche.
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme mit meinem content wrapper | d3x | CSS | 10 | 13.10.2010 17:00 |
Wrapper um/in beliebiges Element | Sonny Lane | CSS | 1 | 13.03.2010 10:01 |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Layout | Position | Wrapper | danzo | CSS | 4 | 19.10.2009 19:41 |
Wrapper Container wächst nicht mit | bendar | CSS | 2 | 03.05.2005 11:09 |