padding streckt eltern element?!

AliceD · 05.09.2005, 13:24

hi board,

folgende einfache konstruktion:

Code:

<div id="content">			
	<div class="c1">
            test
	</div>
	<div class="c2">
            test2
         </div>
	<div class="c3"></div>			
</div>	

/* css */

#content{    
    width:790px;
    min-height:400px;
    background: url(/gfx/content1.gif) no-repeat top;    
}

*html #content{
    height: 400px;
}

#content .c1{    
    float:left;     
    width:565px;
    border:1px solid #000;
   /* padding:50px 20px 20px 20px; */
}

#content .c2{    
    float:right;
    width:20px;     
}

#content .c3{    
    clear:both;  
}

sobald ich jetzt das padding für #content .c1 rein nehme wird das eltern element #content gestreckt (Mozilla). Woran kann das liegen bzw. wie kann ich das fixen?

danke

05.09.2005, 13:32

Ja das ist halt so beim IE ...

AliceD · 05.09.2005, 13:33

Zitat:

Zitat von CIX88

Ja das ist halt so beim IE ...

ne, nix IE, Mozilla hab ich geschrieben!!!

05.09.2005, 13:38

Zitat:

ne, nix IE, Mozilla hab ich geschrieben!!!

Ändert jedoch nichts an der Tatsache.

Dann hat dein »Mozilla« die selbe Macken wie IE, dass Angaben von padding zur Breite mit addiert werden.

AliceD · 05.09.2005, 13:41

naja der IE hat in diesem fall nicht die Macke, das ändert jedoch nichts an der Tatsache das mir deine Posts nicht weiterhelfen

05.09.2005, 13:45

Doch doch, und das Problem ist auch nicht neu.
Benutze mal die Suche hier im Forum, da kannst du alles nochmal nachlesen.

Musst du dir etwas anders einfallen lassen, um die Sache zu umgehen.

derHund · 05.09.2005, 13:55

Zitat:

sobald ich jetzt das padding für #content .c1 rein nehme wird das eltern element #content gestreckt (Mozilla). Woran kann das liegen bzw. wie kann ich das fixen?

das kann ich irgendwie nicht nachvollziehen, gerade weil du beide enthaltene container (unnötigerweise) floatest. sie beeinflussen durch das floaten ihr eltern-element nicht mehr (sonst bräuchtest du das clearende element nicht).

darum also noch ein paar hinweise:
- für zweispaltigkeit muß nur ein bereich gefloatet werden, der andere kann mittels margin auf der entsprechenden seite formatiert werden
- wenn du einem element in einer 'richtung' (hor./vert.) eine größe zuordnest, darfst du diesem element in der richtung kein padding mitgeben, da der IE das nicht standard-konform interpretieren kann. du mußt also einen anderen weg finden (margin für innenliegendes)
- welchen sinn soll c2 haben, bei 20px breite?

AliceD · 05.09.2005, 14:03

danke für deine Tips!
.c2 soll mir nur etwas veranschaulichen, hat also kein wirklichen sinn.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
kleine Frage zu Einfärben von Kategorie	cybermailer	PHP Tipps 2008	21	05.05.2008 14:42
Welche Elemente B sind ähnlich dem Element A	Anwender27	Scriptbörse	7	01.05.2008 11:45
Padding Problem IE -> FF	PsychoEagle	HTML, Usability und Barrierefreiheit	3	23.07.2007 16:38
h3 und padding	pcschröda	HTML, Usability und Barrierefreiheit	16	27.04.2007 19:42
Horizontale 100% Div-Box mit padding rechts bzw links	PsychoEagle	HTML, Usability und Barrierefreiheit	8	17.04.2007 12:51
Array Element vor und nach dem aktuellen Element ausgeben	NetLook	PHP Tipps 2006	2	09.05.2006 15:29
[JS/CSS] Element erst onclick sichtbar machn script.aculo.us	StatischeEntladung	HTML, Usability und Barrierefreiheit	1	06.04.2006 18:32
bestimmte Link-Farbe für bestimmtes Element	php_frage	HTML, Usability und Barrierefreiheit	6	22.12.2005 09:13
[Erledigt] Element mit Zeitschalter		HTML, Usability und Barrierefreiheit	1	04.10.2005 11:44
brauch hilfe,meine page streckt sich nicht wie ich es möchte		HTML, Usability und Barrierefreiheit	2	03.10.2005 19:27
Wordpress Template		HTML, Usability und Barrierefreiheit	8	22.08.2005 11:21
CSS - Nervige Interpretation von Padding in IE und FF	center	HTML, Usability und Barrierefreiheit	2	14.04.2005 15:35


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.09.2005, 13:32
Gast Beiträge: n/a	Ja das ist halt so beim IE ...

05.09.2005, 13:41
AliceD Benutzer Registriert seit: 20.07.2005 Beiträge: 34	naja der IE hat in diesem fall nicht die Macke, das ändert jedoch nichts an der Tatsache das mir deine Posts nicht weiterhelfen

05.09.2005, 13:45
Gast Beiträge: n/a	Doch doch, und das Problem ist auch nicht neu. Benutze mal die Suche hier im Forum, da kannst du alles nochmal nachlesen. Musst du dir etwas anders einfallen lassen, um die Sache zu umgehen.

05.09.2005, 14:03
AliceD Benutzer Registriert seit: 20.07.2005 Beiträge: 34	danke für deine Tips! .c2 soll mir nur etwas veranschaulichen, hat also kein wirklichen sinn.