zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden merkwürdiges container verhalten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.11.2005, 20:00
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 343
Holger (HMR) befindet sich auf einem aufstrebenden Ast
Standard merkwürdiges container verhalten

der inhalt eines containers
Code:
<div class='deck'>
<h3>Gewinner: SPIELER</h3>
</div>
ist der vorletzte container im html

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
original ist karten.php

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;

}
html:
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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.11.2005, 20:06
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
{

* margin : 0;
* padding : 0;

}
body {

* background-color : #008704;
* text-align : center;
* color : black;

}
Was sind denn das für Eigenschaften, alle mit einem * (STAR). Da würde ich auch als Browser seltsam zucken. Das ist bestimmt nicht der orginale CODE.
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.11.2005, 20:07
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 Re: merkwürdiges container verhalten

Zitat:
Zitat von Holger (HMR)
hat wer 'ne ahnung, woran das liegt?
Daran, dass du floatest ohne zu clearen.
Eine Lösung findest du z.B. in diesem Thread.

Grüße
fricca
Mit Zitat antworten
  #4 (permalink)  
Alt 04.11.2005, 20:10
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 343
Holger (HMR) befindet sich auf einem aufstrebenden Ast
Standard @ulle

Zitat:
Was sind denn das für Eigenschaften, alle mit einem * (STAR). Da würde ich auch als Browser seltsam zucken. Das ist bestimmt nicht der orginale CODE
sorry : )

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;
}
Mit Zitat antworten
  #5 (permalink)  
Alt 04.11.2005, 20:25
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 343
Holger (HMR) befindet sich auf einem aufstrebenden Ast
Standard

@ 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.
Mit Zitat antworten
  #6 (permalink)  
Alt 04.11.2005, 20:35
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 Holger (HMR)
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 bringt für dein Problem auch überhaupt nichts.
Arbeite das mal durch:
http://www.complexspiral.com/publica...aining-floats/
Dort findest du auch die Methode des "float in float"

Zitat:
das mit dem :after möchte ich nur ungerne nutzen, weil der ie bis 6 das after nicht interpretiert.
Wie du ja schon selbst festgestellt hast, braucht der IE das auch nicht, weil er über ein (falsches) "auto-clearing" verfügt.
Wo also ist das Problem?
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:38 Uhr.