zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Wrapper wächst nicht mit sondern bleibt fix.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.10.2008, 21:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2008
Ort: Chemnitz
Beiträge: 20
mafra befindet sich auf einem aufstrebenden Ast
Standard 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>
Relevanter CSS Code

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;
      }
Mein Problem grafisch



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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.10.2008, 21:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2008
Ort: Chemnitz
Beiträge: 20
mafra befindet sich auf einem aufstrebenden Ast
Standard QuellCode Download

http://fs.lug-mek.de/vorlage.zip
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.10.2008, 21:18
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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

Geändert von fricca (27.10.2008 um 21:20 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.10.2008, 21:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2008
Ort: Chemnitz
Beiträge: 20
mafra befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
  #5 (permalink)  
Alt 27.10.2008, 21:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von mafra Beitrag anzeigen
War mir nicht sicher ob es am Markup oder am CSS lag deswegen habe ich es hier rein geposted.
Markup-Probleme gehören in den Bereich XHTML. Hier bist du völlig falsch.
Zitat:
Zitat von Forenuntertitel
Hier habt Ihr die Möglichkeit erste Layoutentwürfe in Form von Screenshots oder bereits funktionsfähige Html-Seiten von anderen Usern beurteilen zu lassen.
Zitat:
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
Du musst die Artikel in den FAQ durcharbeiten! Das Verständnis für das Zusammenspiel von Float und Clear ist Grundwissen.
Mit Zitat antworten
  #6 (permalink)  
Alt 27.10.2008, 21:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2008
Ort: Chemnitz
Beiträge: 20
mafra befindet sich auf einem aufstrebenden Ast
Standard Für die, die keine ZIP öffnen

Basis-Vorlage

MfG
Mafra
__________________
Die 3 natürlichen Feinde des Programmierers: Tageslicht, frische Luft und das unerträgliche Gebrüll der Vögel
Mit Zitat antworten
  #7 (permalink)  
Alt 27.10.2008, 21:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2008
Ort: Chemnitz
Beiträge: 20
mafra befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Markup-Probleme gehören in den Bereich XHTML. Hier bist du völlig falsch.
Du musst die Artikel in den FAQ durcharbeiten! Das Verständnis für das Zusammenspiel von Float und Clear ist Grundwissen.
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
Mit Zitat antworten
  #8 (permalink)  
Alt 27.10.2008, 21:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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?
Mit Zitat antworten
  #9 (permalink)  
Alt 27.10.2008, 21:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2008
Ort: Chemnitz
Beiträge: 20
mafra befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 27.10.2008, 21:43
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von mafra Beitrag anzeigen
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
Zitat:
Zitat von fricca Beitrag anzeigen
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?
Da muss ich fricca Recht geben. Sie hat dir eine Hilfestellung geben und wenn du sie nicht nutzen willst, dann ist das dein Problem, aber immer wieder das selbe zu beantworten, damit Ihr nicht suchen müsst, dazu fehlt uns hier die Zeit und auch die Lust.
Also... entweder Du liest dir das durch oder du musst im wahrsten Sinne des Wortes schauen wo du bleibst. Mit User verkraulen hat das aber rein gar nichts zu tun.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
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
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


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