zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Content div legt sich nicht um div

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.08.2007, 22:43
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2007
Beiträge: 97
dayscott befindet sich auf einem aufstrebenden Ast
Standard Content div legt sich nicht um div

iGWay.de | Webdesign, Webprogrammierung, Php, Css, Mysql, Webhosting, Gesamtpackete

"inhalt" und "info" (die hellblaue box) sind in "content" drinn (alles divs)

ich will natürlich nen padding-bottom bei content von 20px - dann siehts schön aus und der hintergrund ist weis. jetzt aber legt sich content eben nicht um den inhalt div. ich kapiere nicht warum.

ausschnitt aus dem betreffenden css code:

Code:
div.rahmen
        {
        
        margin: 20px auto;
        margin-bottom:20px;
        padding:0px;
        width: 831px;
        border: 1px solid #666666;
 
        }
        
        div.header
        {
        height:225px;
        background-color:#010A7A; 
        background-image:url(../header.jpg); 
        background-position:0px 0px;
        background-repeat:no-repeat;
     
        }
              
div.mainnav 
{
padding-top: 189px;
padding-right:0px;
padding-left:0px;
width:614px;
margin:0 auto;
}

#nav
{
/*verschieben damit centered*/
/*margin-left:93px;*/
}


        div.inhalt
        {
   background:red;
        width:680px;
        float:left;
        margin-right:5px;
        margin-left:10px;
        margin-top:10px;
        }
        
        div.info
        {
        float:left;
        background-color:#010A7A;
        opacity: .2;
	    filter: alpha(opacity=20);
        padding:5px;
        width:108px;
        height:140px;
        margin-left:5px;
        margin-top:15px;
        border:1px solid black;
	    }
        
        div.content
        {
        padding-top:10px;
        padding-bottom:20px;
        margin:0px;
        background-color:white;
        /*background-image:url(../content_bg.jpg);
        background-repeat: no-repeat; 
        background-position: center right;*/
        }
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.08.2007, 00:21
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Wenn ich deinem Link folge, sehe ich keine CSS. *schulternzuck*
Du floatest zwei Elemente und ich sehe in deiner CSS und in deinem HTML Quelltext kein clear. Am besten schaust Du dir mal hier in den FAQ den Punkt 2 genauer an.

Im übrigen bindet man so eine CSS ein:
Code:
<link rel="stylesheet" type="text/css" href="" />
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.08.2007, 01:50
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2007
Beiträge: 97
dayscott befindet sich auf einem aufstrebenden Ast
Standard

ah sehr gut!

durch einfügen eines unsichtbaren divs am ende der floar:clear; beinhaltet passt alles.

die faq ist wirklich gold wert, werde mir das jetzt genau durchlesen.
Mit Zitat antworten
  #4 (permalink)  
Alt 02.08.2007, 02:28
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von dayscott Beitrag anzeigen
ah sehr gut!

durch einfügen eines unsichtbaren divs am ende der floar:clear; beinhaltet passt alles.

die faq ist wirklich gold wert, werde mir das jetzt genau durchlesen.
clear:both
Für moderne Browser kannst Du dir das Markup auch sparen:
Code:
div#content:after {
   content:".";
   display:block;
   clear:both;
   height:0;
   visibility:hidden;
}
Der IE hingegen braucht einfach hasLayout. Das kannst Du mit height:1%; für den #content bewerkstelligen (Sorg am besten dafür, das nur der IE das sieht *Stichwort Conditional Comment* (have must für jeden Webdesigner )).
Aber Du solltest auf jeden Fall folgenden Artikel lesen: Clearing a float container without source markup
Die zusätzliche clearfix Klasse kannst Du dir natürlich sparen (wegen der ID content).

Geändert von ArcVieh (02.08.2007 um 02:30 Uhr) Grund: ID, nicht IE... Immer nur ärger mit dem Dingen.
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
Seite links ausrichten like.no.other CSS 10 26.01.2011 02:10
div höhe - 2 scrollbalken vermeiden grubentaucher CSS 4 07.04.2010 12:16
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48
3 div container, und content wird nicht größer X2TSQy CSS 3 25.04.2008 20:22
flexibles Div soll Div mit fester Breite links umfliessen? braindead CSS 3 23.09.2006 13:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:50 Uhr.