|
|||
merkwürdiges container verhalten
der inhalt eines containers
Code:
<div class='deck'> <h3>Gewinner: SPIELER</h3> </div> wird nicht in dem container dargestellt, sondern im darunter stehendem container, der die selbe klasse hat. html und css validiert. finde die ursache nicht. hat wer 'ne ahnung, woran das liegt? taucht im firefox auf, im ie nicht.. wer es sich anschauen möchte: url Code:
http://www.dolche.de/neu/Xkarten.html Code:
css: { * margin : 0; * padding : 0; } body { * background-color : #008704; * text-align : center; * color : black; } img { * margin : 0.3em; } form { * display : inline; } input { * margin : 0.5em; * border : 2px outset; } input:active { * border : 2px inset; } div { * width : 80%; * text-align : center; } #mantel { * margin : 1em auto; } .deck { * text-align : left; * font-size : 1.3em; * border : 2px outset; } .button { * border : 2px outset; } .spr { * float : right; * margin : 0.4em 0.8em 0.5em 0.2em; * line-height : 1.2em; * color : red; } h2 { * font-size : 1.2em; } h3 { * display : inline; * float : left; * margin : 0.2em; * font-size : 1.2em; } h4 { * font-size : 1.2em; } Code:
<body> <div id='mantel'> <div class='button'> <h4>17 & 4</h4> </div> <div class='deck'> <h3>Blatt Spieler</h3> <span class='spr'>Augen: 19</span> [img]neu/images/pik_4.JPG[/img] [img]neu/images/pik_5.JPG[/img] [img]neu/images/herz_konig.JPG[/img] [img]neu/images/coin.jpg[/img] [img]neu/images/coin.jpg[/img] </div> <div class='deck'> <h3>Blatt Bank</h3> <span class='spr'>Augen :12</span> [img]images/pik_3.JPG[/img] [img]images/pik_2.JPG[/img] [img]images/pik_7.JPG[/img] [img]neu/images/coin.jpg[/img] [img]neu/images/coin.jpg[/img] [img]neu/images/coin.jpg[/img] [img]neu/images/coin.jpg[/img] </div> <div class='deck'> <h3>Gewinner: SPIELER</h3> </div> <div class='button'> <form action='' method='post' name='NeuesSpiel'> <input type='submit' name='Spiel' value='Neues Spiel'> </form> </div> </div> </body> |
Sponsored Links |
|
|||
Zitat:
__________________
</ulle> |
Sponsored Links |
|
|||
Re: merkwürdiges container verhalten
Zitat:
Eine Lösung findest du z.B. in diesem Thread. Grüße fricca |
|
|||
@ulle
Zitat:
bei mir im quelltext stet das so: ist der parsebaum vom css validater . bei mir im quelltext stet das so: Code:
*{margin:0;padding:0;} body{background-color:#008704;text-align:center;color:black;} img {margin:0.3em;} form{display:inline;} input{margin:0.5em;border:2px outset;} input:active{border:2px inset;} div{width:80%;text-align:center;} #mantel{margin:1em auto;} .deck{text-align:left;font-size:1.3em;border:2px outset;} .button{border:2px outset;clear:both;} .spr{float:right;margin:0.4em 0.8em 0.5em 0.2em;line-height:1.2em;color:red;} h2{font-size:1.2em;} h3{float:left;clear:both;margin:0.2em;font-size:1.2em;} h4{font-size:1.2em;} .cl{clear:both;} original mit umbruch: Code:
*{ margin:0;padding:0; } body{ background-color:#008704;text-align:center;color:black; } img { margin:0.3em; } form{ display:inline; } input{ margin:0.5em; border:2px outset; } input:active{ border:2px inset; } div{ width:80%; text-align:center; } #mantel{ margin:1em auto; } .deck{ text-align:left; font-size:1.3em; border:2px outset; } .button{ border:2px outset; clear:both; } .spr{ float:right; margin:0.4em 0.8em 0.5em 0.2em; line-height:1.2em; color:red; } h2{ font-size:1.2em; } h3{ float:left;clear:both;margin:0.2em;font-size:1.2em; } h4{ font-size:1.2em; } .cl{ clear:both; } |
|
|||
@ hir fricca,
danke für die mühe, aber so ganz schnalle ich das nicht. wenn ic hdem css code nach dem float ein clear zustzlich verpasse, also float:left; clear:left; oder vor dem besagtem container einen mit clear:both; einfüge verändert sich da nichts.. das mit dem :after möchte ich nur ungerne nutzen, weil der ie bis 6 das after nicht interpretiert. gebe ich der classe .button ein clear:both; wird der text zwar ausserhalb des folgenden containers dargestellt, aber auch nicht WIRKLICH in dem soll-conteainer. der eyisitier dan nur oben und unten mit seinen bordern. |
|
|||
Zitat:
Arbeite das mal durch: http://www.complexspiral.com/publica...aining-floats/ Dort findest du auch die Methode des "float in float" Zitat:
Wo also ist das Problem? |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anfängerfrage: Zentrierung in Galerie und Border-Problem | goldbeere | CSS | 3 | 04.11.2013 20:07 |
Merkwürdiges Verhalten von Container-div | Konzertheld | CSS | 4 | 28.04.2011 23:18 |
position merkwürdiges Verhalten | ironzwerg | CSS | 4 | 25.05.2007 00:40 |
Container nimmt nicht die Höhe seines Inhalts an | Lestat | CSS | 10 | 04.08.2005 14:47 |
3-Col. - merkwürdiges Verhalten der mittleren Spalte | andir | CSS | 0 | 09.09.2004 15:39 |