zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Kniffliges Float Problem mit IE6

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.06.2008, 09:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2005
Beiträge: 8
simplex2k4 befindet sich auf einem aufstrebenden Ast
Standard Kniffliges Float Problem mit IE6

Hallo zusammen,

bastle gerade an einem 3 Spaltigen Layout (liquid) für einen shop welches im FF2 hervoragend aussieht (welch Überaschung )

IE7 is bis auf Kleinigkeiten sehr gut dabei.

Nur der IE6 macht Probleme (welch Überaschung )

Finde nach stundenlanger Suche leider keine passende Lösung und würde Euch an dieser Stelle um Hilfe bitten. Vielleicht ist auch der Ansatz von Grund auf falsch.

Konkret geht es um die Produktauflistung (Graue Boxen im Contentbereich)
Die Auswahl "Hersteller" sollen links und die Seitennavigation rechts stehen.
Die erste Box schließt sich beim IE6 ans linke Ende der Seitennavigation - sollte darunter anfangen und dafür breiter sein.

Das Layout der Boxen sollte so aussehen wie im Anhang. Beim Ziehen des Browserfensters verrutscht das ganze.

Mit clearen ist da nix - weil sonst die ganze Produktboxen erst unterhalb der linken oder rechten Spalte anfängt (je nachdem in welcher Spalte mehr drinn ist; hab ich schon probiert).

Hier der HTML-Code:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title><link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>


<body>

<div class="wrap">

	<div id="mainmenu">
                         
    </div>
    
	<div id="header">
		{HEADER}
	</div>

    <div class="clr"></div>
	
    <div id="quick">
    	<div id="quick_box_left"></div>
    	<div id="quick_box_middle"></div>
    	<div id="quick_box_right"></div>
	</div>

    <div class="clr"></div>

<div id="leftimage">	
	{LINKE SPALTE}	
</div>

<div id="rightimage">   
	{RECHTE SPALTE}
</div>	

<div id="content">
    {CONTENT}

<div class="productListing">

				<div>Hersteller:&nbsp;<form id="filter" action="index.php" method="get"><input type="hidden" name="cat" value="c397.html" /><input type="hidden" name="sort" value="" /><input type="hidden" name="id" value="ebcade1ce1c42a17a22d95d8b98c8641" /><select name="filter_id" onchange="this.form.submit()"><option value="" selected="selected">Alle</option><option value="51">1</option></select></form>

</div>
				
    	<div class="right">
		   <!-- <div class="smallText">Zeige <b>1</b> bis <b>4</b> (von insgesamt <b>32</b> Artikeln)</div> -->
		    <div class="smallText" align="right">Seiten: &nbsp;<b>1</b>&nbsp;&nbsp;<a href="#" class="pageResults" title=" Seite 2 ">2</a>&nbsp;&nbsp;<a href="#" class="pageResults" title=" Seite 3 ">3</a>&nbsp;&nbsp;<a href="#" class="pageResults" title=" Seite 4 ">4</a>&nbsp;&nbsp;<a href="#" class="pageResults" title=" Seite 5 ">5</a>&nbsp;<a href="#" class="pageResults" title=" N&auml;chste 5 Seiten ">...</a>&nbsp;&nbsp;<a href="#" class="pageResults" title=" n&auml;chste Seite ">[n&auml;chste&nbsp;&gt;&gt;]</a>&nbsp;</div></div>


	
    <div class="productListing-container left">
       	<h1 class="productListing-heading"><a href="#">{PRODUCT}</a></h1>
		<div class="productListing-box" style="width:150px;">
                <!-- Product Image-->
			<img src="0910149-01.jpg" alt="" width="120" height="120"/>						
	                                        	
                    		</div>		
		<div class="productListing-box">
        	<p>...</p>

            <br />
		  <ul>
	                <li></li>
                    <li></li>
					<li></li> 
			</ul>

		</div>
  
        <div>
        	<hr class="seperator" />
			<br />
	        <span class="productListing-price"><strong>Ab  14.50 EUR</strong></span>       
    	    <span class="productListing_button"><a href="#"><img src="button_buy.gif" alt="" width="100" height="20" /></a></span>
        </div>
	</div>


    <div class="productListing-container left">
       	<h1 class="productListing-heading"><a href="#">{PRODUCT}</a></h1>
		<div class="productListing-box" style="width:150px;">
                <!-- Product Image-->
			<img src="0910149-01.jpg" alt="" width="120" height="120"/>						
	                                        	
                    		</div>		
		<div class="productListing-box">
        	<p>...</p>

            <br />
		  <ul>
	                <li></li>
                    <li></li>
					<li></li> 
			</ul>

		</div>
  
        <div>
        	<hr class="seperator" />
			<br />
	        <span class="productListing-price"><strong>Ab  14.50 EUR</strong></span>       
    	    <span class="productListing_button"><a href="#"><img src="button_buy.gif" alt="" width="100" height="20" /></a></span>
        </div>
	</div>


    <div class="productListing-container left">
       	<h1 class="productListing-heading"><a href="#">{PRODUCT}</a></h1>
		<div class="productListing-box" style="width:150px;">
                <!-- Product Image-->
			<img src="0910149-01.jpg" alt="" width="120" height="120"/>						
	                                        	
                    		</div>		
		<div class="productListing-box">
        	<p>...</p>

            <br />
		  <ul>
	                <li></li>
                    <li></li>
					<li></li> 
			</ul>

		</div>
  
        <div>
        	<hr class="seperator" />
			<br />
	        <span class="productListing-price"><strong>Ab  14.50 EUR</strong></span>       
    	    <span class="productListing_button"><a href="#"><img src="button_buy.gif" alt="" width="100" height="20" /></a></span>
        </div>
	</div>



</div>

<div class="clr"></div>

</div>

<div id="footer">
    <div>
    	

	</div>        
</div>

</body>
</html>
und die CSS dazu:

Code:
/*------------------------*/
/*------ common css ------*/  
/*------------------------*/

* { margin: 0; padding: 0; }
	
body {
	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
}

div, td {
	text-align:left;
	background-color: transparent;
}	

img{
	border:0;
}


hr {
	border:0;
	border-bottom: 1px #ccc solid;
	float:left;
	width: 100%;
}


/*------------------------*/
/*-------- Layout --------*/   
/*------------------------*/

.wrap {
	width: 85%;
	min-width: 950px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	color: Black;
	border-bottom: 2px black solid;
}

#mainmenu {
	height:57px;
	text-align:center;
}


#header {
	height:200px;
	border-top:2px solid white;
}

#quick {
	font-size: 11px;
	background-image:url(tpl_img/nav.gif);
	background-repeat:repeat-x;
	background-color: black;
	height:50px;
	border-bottom:2px solid white;
	border-top:2px solid white;
}

#quick a {
	color: White;
}

#quick_box_left {
	color: white;
	background-image:url(...);
	background-repeat:no-repeat;
	background-position: right;
	width:30%;
	height:20px;
	padding:15px;
	float:left;
	text-align: center;
}

#quick_box_middle {
	color: white;
	width:30%;
	height:20px;
	padding:15px;
	float:left;
	text-align: center;
}

#quick_box_right {
	color: white;
	background-image:url(...);
	background-repeat:no-repeat;
	background-position: left;
	width:30%;
	height:20px;
	padding:15px;
	float:left;
	text-align: center;
	vertical-align: middle;
}

#rightimage {
	float:right;
	width:160px;
	background-color:#e3e3e3;
}

#leftimage {
	float:left;
	width:280px;
	background-color:#e3e3e3;
}

#content {
	background-color:white;
	line-height: 16px;
	min-width:400px;
	margin-left:300px!important;
	/*IE6*/margin-left:295px;
	margin-right:180px!important;
	/*IE6*/margin-right:175px;	
}


#footer {
	clear:both;
	height:212px;
	width: 100%;
	padding-top:5px;
	text-align:center;
	font-size:11px;
}


/*-------------------------------------*/
/*----- product_listing_vX.html -------*/
/*-------------------------------------*/

.productListing {
	width:100%;
}

.productListing-container {
	background-color:#eee;
	border: 1px dashed #999999;
	vertical-align:top;
	padding:15px;
	margin-bottom:5px;
	margin-top:5px;
	float: left;
}		

.productListing-container  li {
	margin-left:15px;
} 

.productListing-heading {
	font-size: 12px;
	color: #000;
	background-color:#f7f7f7;
	font-weight: bold;
	margin:-15px;
	padding:0;
	margin-bottom:13px;
	padding:8px;
	border-bottom: 1px dashed #999999;
}

.productListing-box {
	float:left;
	width:280px;
}

.productListing-info {
	font-size:9px;
}

.productListing-price {
	font-size:12px;
	float:left;
	width:40%;
	text-align:center;
}

.productListing_button {
	float:right;
	width:40%;
	text-align:center;
}


/*------------------------*/
/*------- special --------*/
/*------------------------*/


.seperator {
	margin-top:15px;
	margin-bottom:15px;
	border:0;
	border-top: 1px dashed #999;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.clr{
	clear: both;
	height:0;
}
Hab versucht Code zu kürzen wo es ging - trotzdem "sorry for monsterpost"

Danke schon mal für Eure Antworten - mir raucht auf jeden fall mal der Kopf.

VG
simplex
Angehängte Grafiken
Dateityp: jpg productbox.jpg (24,0 KB, 13x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.06.2008, 11:43
Benutzer
neuer user
 
Registriert seit: 29.04.2008
Beiträge: 56
sjBlack ist in Verruf geraten
Standard

ehm du hättest das wenigstens lesbarer einrücken können und was soll bspweise das?

Zitat:
Hersteller:&nbsp;<form
hier musst du kein leerzeichen schützen

und wieso gottes hält sich keiner daran?: http://xhtmlforum.de/40080-f-r-frage...twortende.html

Zitat:
Stell einen kompletten, lauffähigen Code ein, der einen das Problem sicher nachvollziehen lässt und der dabei auf Überflüssiges verzichtet.
das weniger wichtige drum herum lenkt mich bspweise stark ab. sicher gibts hier echte draufgänge, die da locker die übersicht behalten. um diese uhrzeit bin aber scheinbar grad nur ich unterwegs lol

Zitat:
<!-- <div class="smallText">Zeige <b>1</b> bis <b>4</b> (von insgesamt <b>32</b> Artikeln)</div> -->
das musste ich auch extra entfernen.

Zitat:
<div class="smallText"
nicht sinngemäße namensgebung. überhaupt transitional source...

poste doch mal bloß den quelltext mit den paar div mit jeweils paar wörtern or so.

Zitat:
class="productListing-container left">
seit wann sind leerzeichen in klassennamen erlaubt? benutz außerdem tabs zum einrüken. wesentlich lesbarer und spart zeichen.

Zitat:
</b>&nbsp;&nbsp;<a
das tut so wrh! verdammt! das tut so dermaßen weh! müssen es unbedingt 2 leerzeichen sein?

Zitat:
title=" Seite 2 "
wozu die leerzeichen im attributwert? echt lesbarer?

Zitat:
">[n&auml;chste&nbsp;&gt;&gt;]</
omfg..

Zitat:
<p>...</p>

<br />
<ul>
OMFG!!!

Zitat:
<hr class="seperator" />
<br />
du bringst mich um...

Zitat:
<span class="productListing_button"><a href="#"><img src="button_buy.gif" alt="" width="100" height="20" /></a></span>
GERADE HIER MACHT DER ALTERNATIVTEXT DEN MEIßTEN SINN! was wenn die grafik mal fehlt geblokt wird oder sonst was. soll dann stattdessen nix rein?

Zitat:
<span class="productListing_button"><a href="#"><img src="button_buy.gif" alt="KAUFEN" width="100" height="20" /></a></span>

ich glaub dir fehltn nd tag von wrap. bei der einrückung kanns ja nich auffallen.-

wieso sollen bei dir horizontale trennlinien allgemein floaten? (/* common css*/)

Zitat:
div, td
{
text-align: left;
background-color: transparent;
}
holla. auvhch in common css


dein komplettes layout hängt davon ab, dass der wrapper jmmer gleich bleibt und es im optisch mittigem div zu keinem
overflow kommt. diese komplette layoutart wird auf sämtlichen css seiten die ich kenne 100% abempfohlen.



Zitat:
<div class="right">
<div class="smallText" align="right">
Seiten: <b>1</b> <a href="#" class="pageResults" title="Seite 2">2</a>
<a href="#" class="pageResults" title="Seite 3">3</a>
<a href="#" class="pageResults" title="Seite 4">4</a>
<a href="#" class="pageResults" title="Seite 5">5</a>
<a href="#" class="pageResults" title="Nächste5 Seiten ">...</a>
<a href="#" class="pageResults" title="nächste Seite">[ nächste ]</a>
</div>
</div>
du benutzt einen extra div nur zum übergeben einer textrchtung und schriftgröße. kannst du das nicht einfach <div class="right"> geben? was das ist bloß die isolierte version und das hat nochn andern sinn im eigentlichen? scheint nich so, als wäre hier irgendwas isoliert.


Zitat:
/*------------------------*/
/*------- special --------*/
/*------------------------*/


.seperator {
margin-top:15px;
margin-bottom:15px;
border:0;
border-top: 1px dashed #999;
}

.left {
float: left;
}

.right {
float: right;
}
alles klar.

dein right div ist innerhalb vom content div notiert, weshalb sich seine x-koordinaten an dem content div ausrichten
http://simpleml.bplaced.net/css_floa...ung_der_Floats

Zitat:
Nur der IE6 macht Probleme (welch Überaschung )
ie macht bei mir komplett woanders probleme.


Zitat:
Die Auswahl "Hersteller" sollen links und die Seitennavigation rechts stehen.
wo links und rreechts? meinst du vll

Die Auswahl Hersteller soll links um die content div angezeigt werden und die seitennavigation rechts um den content div? sag dann auch gleich unter

Zitat:
<div id="leftimage">
{LINKE SPALTE}
</div>
Zitat:
.clr{
clear: both;
height: 0;
}
das bringts auch voll

Zitat:
<div id="mainmenu">
#mainmenu
</div>

<div id="header">
#header
</div>

<div class="clr">test</div>
wozu brauchst du nen clearing div nach 2 div im normalen fluss?


Zitat:
<div id="quick">
<div id="quick_box_left"></div>
<div id="quick_box_middle"></div>
<div id="quick_box_right"></div>
</div>

<div class="clr"></div>
das verwirrt man.

Zitat:
<div id="quick">
<div id="quick_box_left"></div>
<div id="quick_box_middle"></div>
<div id="quick_box_right"></div>

<div class="clr"></div>
</div>
so herum isses bei ner korekten auslegung richtig.

Zitat:
#quick_box_left {
color: white;
background: #0A0;
background-image:url(...);
background-repeat:no-repeat;
background-position: right;
width:30%;
height:20px;
padding:15px;
float:left;
text-align: center;
}

#quick_box_middle {
color: white;
background: #0C0;
width:30%;
height:20px;
padding:15px;
float:left;
text-align: center;
}

#quick_box_right {
color: white;
background: #0A0;
background-image:url(...);
background-repeat:no-repeat;
background-position: left;
width:30%;
height:20px;
padding:15px;
float:left;
text-align: center;
vertical-align: middle;
}
jetzt erkennt man schon eher was.

Zitat:
width: 85%;
min-width: 950px;
max-width: 1200px;
ds verstehe ich nich so recht.


isolier das nochmal richtig und poste es neu. glaube nicht, dass irgendwer lust hat, deinen fehler zu finden. allerdings kann ich mir doch vorstellen, dass heiko_rs einen kurzen blick reinwirft und mit einem satz aus 3 worten das komplette problem löst. xDDD


wozu gibst du #quick 50px höhe, wenn seine horizontal aneinanderzureihende kindelemente alle in 20px höhe dargestellt werden sollen. ist die freistehende hintergrundfarbe so schön?

wieso gibst du #quick_box_left, #quick_box_right und #quick_box_middle überhaupt eine höhe? gb ihnen etwas innenabstand zum inhaltstext und lass sie so groß sein wie der inhaltstext es verlangtt.,. riskierst du auch keinen vertikalen overflow und hast nicht mit dem height|min-height-problem im ie zu kämpfen.

noch was zu deinem zeichensatz
Zitat:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
nimm westeuropäische kodierung
Zitat:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
musst du nicht jedes einzelne verdammt umlaut referenzieren.

Zitat:
Die Auswahl "Hersteller" sollen links und die Seitennavigation rechts stehen.
merk ich nix von bzw nach dem ich den source umgekrempelt habe.

http://simpleml.bplaced.net/_probs/d...tenproblem.htm

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">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
	<title>Unbenanntes Dokument</title>
</head>
<body>

<div class="wrap">
	<div id="mainmenu">
		#mainmenu
	</div>
    
	<div id="header">
		#header
	</div>

	<div id="quick">
		<div id="quick_box_left"></div>
		<div id="quick_box_middle"></div>
		<div id="quick_box_right"></div>

		<div class="clr"></div>
	</div>

	<div id="leftimage">	
		#leftimage	
	</div>

	<div id="rightimage">   
		#rightimage
	</div>	

	<div id="content">
    		#content

		<div class="productListing">
			<div>
				Hersteller:
				<form id="filter" action="index.php" method="get">
					<input type="hidden" name="cat" value="c397.html" />
					<input type="hidden" name="sort" value="" />
					<input type="hidden" name="id" value="ebcade1ce1c42a17a22d95d8b98c8641" />
					<select name="filter_id" onchange="this.form.submit()">
						<option value="" selected="selected">Alle</option>
						<option value="51">1</option>
					</select>
				</form>
		</div>
				
    		<div class="right">
			<div class="smallText" align="right">
				Seiten: <b>1</b> <a href="#" class="pageResults" title="Seite 2">2</a>
				<a href="#" class="pageResults" title="Seite 3">3</a>
				<a href="#" class="pageResults" title="Seite 4">4</a>
				<a href="#" class="pageResults" title="Seite 5">5</a>
				<a href="#" class="pageResults" title="Nächste5 Seiten ">...</a>
				<a href="#" class="pageResults" title="nächste Seite">[ nächste ]</a>
			</div>
		</div>

		<div class="productListing-container left">
       		<h1 class="productListing-heading"><a href="#">{PRODUCT}</a></h1>

			<div class="productListing-box" style="width: 150px;">
				<!-- Product Image-->
				<img src="0910149-01.jpg" alt="" width="120" height="120"/>						
			</div>
	
			<div class="productListing-box">
				<p>keine ahnung, was hier rein soll</p>

				<ul>
					<li>bla1</li>
					<li>bla2</li>
					<li>bla3</li> 
				</ul>
			</div>
  
			<div>
				<hr class="seperator" />

	        		<p>
					<span class="productListing-price"><strong>Ab  14.50 EUR</strong></span>
					<span class="productListing_button"><a href="#"><img src="button_buy.gif" alt="kaufen" width="100" height="20" /></a></span>
				</p>
			</div>
		</div>

		<div class="productListing-container left">
       		<h1 class="productListing-heading"><a href="#">{PRODUCT}</a></h1>

			<div class="productListing-box" style="width: 150px;">
				<!-- Product Image-->
				<img src="0910149-01.jpg" alt="" width="120" height="120"/>						
			</div>
	
			<div class="productListing-box">
				<p>keine ahnung, was hier rein soll</p>

				<ul>
					<li>bla1</li>
					<li>bla2</li>
					<li>bla3</li> 
				</ul>
			</div>
  
			<div>
				<hr class="seperator" />

	        		<p>
					<span class="productListing-price"><strong>Ab  14.50 EUR</strong></span>
					<span class="productListing_button"><a href="#"><img src="button_buy.gif" alt="kaufen" width="100" height="20" /></a></span>
				</p>
			</div>
		</div>

		<div class="clr"></div>
	</div>
</div>

<div id="footer">
    <div>#footer div</div>        
</div>

</body>
</html>
http://simpleml.bplaced.net/_probs/stylesheet.css

stylesheet war nicht zu retten, ohne es komplett neu schreiben zu müssen.

Code:
/*------------------------*/
/*------ common css ------*/  
/*------------------------*/

*
{
	margin: 0;
	padding: 0;
	border: 0;
}
	
body {font: 11px Verdana, Arial, sans-serif;}

div, td
{
	text-align: left;
	background-color: transparent;
}	

hr {
	border-bottom: 1px #ccc solid;
	float: left;
	width: 100%;
}


/*------------------------*/
/*-------- Layout --------*/   
/*------------------------*/

.wrap {
	width: 85%;
	min-width: 950px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	color: Black;
	border-bottom: 2px black solid;
}

#mainmenu {
	height: 57px;
	background:	#666;
	text-align: center;
}


#header {
	height:200px;
	background:	#AAA; /* GIB WENIGSTENS DEM HEADER NE HINTERGRUNDFARBE DAMIT MAN WAS SIEHT ARGH!!! */
	border-top:2px solid white;
}

#quick {
	font-size: 11px;
	background-image:url(tpl_img/nav.gif);
	background-repeat:repeat-x;
	background-color: black;
	border-bottom:2px solid white;
	border-top:2px solid white;
}

#quick a {
	color: White;
}


/* damit man sie sieht */
#quick_box_left {
	color: white;
	background: #090;
	width: 30%;
	height: 20px;
	float:left;
	text-align: center;
}

#quick_box_middle {
	color: white;
	background: #0B0;
	width: 30%;
	height: 20px;
	float: left;
	text-align: center;
}

#quick_box_right {
	color: white;
	background: #090;
	width: 30%;
	height: 20px;
	float: left;
	text-align: center;
	vertical-align: middle;
}

#rightimage {
	float:right;
	width:160px;
	background-color:#e3e3e3;
}

#leftimage {
	float:left;
	width:280px;
	background-color:#e3e3e3;
}

#content {
	background-color:white;
	line-height: 16px;
	min-width:400px;
	margin-left:300px!important;
	/*IE6*/margin-left:295px;
	margin-right:180px!important;
	/*IE6*/margin-right:175px;	
}


#footer {
	clear:both;
	height:212px;
	width: 100%;
	padding-top:5px;
	text-align:center;
	font-size:11px;
}


/*-------------------------------------*/
/*----- product_listing_vX.html -------*/
/*-------------------------------------*/

.productListing {
	width:100%;
}

.productListing-container {
	background-color:#eee;
	border: 1px dashed #999999;
	vertical-align:top;
	padding:15px;
	margin-bottom:5px;
	margin-top:5px;
	float: left;
}		

.productListing-container  li {
	margin-left:15px;
} 

.productListing-heading {
	font-size: 12px;
	color: #000;
	background-color:#f7f7f7;
	font-weight: bold;
	margin:-15px;
	padding:0;
	margin-bottom:13px;
	padding:8px;
	border-bottom: 1px dashed #999999;
}

.productListing-box {
	float:left;
	width:280px;
}

.productListing-info {
	font-size:9px;
}

.productListing-price {
	font-size:12px;
	float:left;
	width:40%;
	text-align:center;
}

.productListing_button {
	float:right;
	width:40%;
	text-align:center;
}


/*------------------------*/
/*------- special --------*/
/*------------------------*/


.seperator {
	margin-top:15px;
	margin-bottom:15px;
	border:0;
	border-top: 1px dashed #999;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

div.clr {clear: both;}
sowie die klassennamen im html quelltext

Geändert von sjBlack (25.06.2008 um 13:02 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.06.2008, 12:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
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 simplex2k4
Die erste Box schließt sich beim IE6 ans linke Ende der Seitennavigation - sollte darunter anfangen und dafür breiter sein.
Du hast Float ohne width für deine Produktboxen. Das ist problematisch.

Zitat:
Mit clearen ist da nix - weil sonst die ganze Produktboxen erst unterhalb der linken oder rechten Spalte anfängt
Doch, das geht schon. Du kannst die Clear-Wirkung auf einen Bereich einschränken, wenn dieser einen Block Formatting Context erzeugt.
Control Block Formatting Context
In deinem Fall köntest du z.B. das Div der Klasse productListing Floaten.


Zitat:
Zitat von sjBlack Beitrag anzeigen
seit wann sind leerzeichen in klassennamen erlaubt?
Das Leerzeichen steht nicht im Klassennamen. Es steht zwischen zweien.
SELFHTML: HTML/XHTML / Universalattribute / Allgemeine Universalattribute
Schalt mal einen Gang zurück.
edit: Der Unfug mit dem Zeichensatz war gerade aber noch nicht da. sjBlack, bevor du solche "Tipps" gibst: Informier dich bitte erstmal, was utf-8 ist.

Geändert von fricca (25.06.2008 um 12:59 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 25.06.2008, 13:24
Benutzer
neuer user
 
Registriert seit: 29.04.2008
Beiträge: 56
sjBlack ist in Verruf geraten
Standard

utf-8 stellt zumindest keine umlaute dar, zumindest bei mir nicht und hats nicht getan

was soll das "Schalt mal einen Gang zurück.". ich habe nur geantwortet, was im layout sonst so falsch ist. würde keiner nen gang nach vorne schalten, würde sich keiner an das hier halten. http://xhtmlforum.de/40080-f-r-frage...twortende.html außerdem würde er die von mir aufgelisteten dinge auch viel später erst merken.

wenn dir die sätze wie "mir wird schlecht" in meiner antwort nicht gefallen:eben "mir ist schlecht" und nicht "das ist ja bullshit". damit habe ich nur meine persönliche meinung mitgeäußert wie ein <br /> nach einem div zu einem p aussieht. hättest du das nicht angemerkt? tja, dann wäst du sdchuld, dass es sowas weiterhin macht.
hätte ich da wirklich schweigen sollen so wie bei den anderen sachen?

meinetwegen kommentier doch nix und such in unisolierten sources nach der eigentlichen stelle. damit sorgst du aber dafür, dass kein sxcchwein sich an die regel hätlt und auch andere user antworten können, wenn du mal nicht da bist. so schon mal gedacht?

Zitat:
Das Leerzeichen steht nicht im Klassennamen. Es steht zwischen zweien.
das ist mal genial. habe ich ehrlich gesagt noch nicht gewusst.

Zitat:
edit: Der Unfug mit dem Zeichensatz war gerade aber noch nicht da.
wtf? tja. bevor du mich ansprichst, hack dir lieber beide hände ab. du hast mich schon in meinem vorigen profil genervt, welchen ich abgeschmissen habe. und das ist auch meine persönliche meinung.

ergänz bitte wie du möchtest, aber hör auf, in meinen ellenlangen texten gezielt nach stellen zu suchen, über welche du dann den ganzen text als "ein gang zu schnell" abstempelst. das ist auch nur mein versuch, mal auszuhelfen. und wo gehobelt wird, fallen auch späne. ich kann nur gutes über jeden xhtmlforum mitglied sagen. nur den anteil wie dich (eigentlich nur dich) liste ich als nachteil auf, wenn mich jemand fragt, welches htmlforum ich ihm empfehlen kann.

ich kann verstehen, wenn sich jetzt jeder auf mich schmeißt und dinge sucht, die ich irgendwo falsch rübergebracht habe, um mir für diesen post jetzt richtig eins auszuwischen aber damit das klar ist: ich habe es einfach nur satt, auf niveauebene zum umgehen als beleidigung angegriffen zu werden.

P.S.: iso-8859-1 *middle finger*

Geändert von sjBlack (25.06.2008 um 13:33 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 25.06.2008, 13:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
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 sjBlack Beitrag anzeigen
utf-8 stellt zumindest keine umlaute dar, zumindest bei mir nicht und hats nicht getan
Dann hast du etwas falsch gemacht.

Kennst du Dieter Nuhr?

*tilt*
Mit Zitat antworten
  #6 (permalink)  
Alt 25.06.2008, 13:35
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Mahlzeit,

Zitat:
Zitat von sjBlack Beitrag anzeigen
utf-8 stellt zumindest keine umlaute dar, zumindest bei mir nicht und hats nicht getan
dann laß dir mal den Antwort-Header anzeigen und schau was da steht.
Das UTF-8 keine Umlaute darstellt, stimmt nicht, es hat den mit Abstand größten Zeichensatz.

Zitat:
Zitat von sjBlack Beitrag anzeigen
wtf? tja. bevor du mich ansprichst, hack dir lieber beide hände ab. du hast mich schon in meinem vorigen profil genervt, welchen ich abgeschmissen habe. und das ist auch meine persönliche meinung.
P.S.: iso-8859-1 *middle finger*
sach mal gehts noch?

Deine Ausdrucksweise ist imho unterste Sohle.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #7 (permalink)  
Alt 25.06.2008, 13:39
Benutzer
neuer user
 
Registriert seit: 29.04.2008
Beiträge: 56
sjBlack ist in Verruf geraten
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Dann hast du etwas falsch gemacht.

Kennst du Dieter Nuhr?

*tilt*
das ist jetzt natürlich die einzige zitatantwort, nicht?

Zitat:
Zitat von sjBlack
ergänz bitte wie du möchtest, aber hör auf, in meinen ellenlangen texten gezielt nach stellen zu suchen, über welche du dann den ganzen text als "ein gang zu schnell" abstempelst.


umlaute werden als fragezeichen dargestellt. bei utf-16 gehts aber bei mir. und mit iso-8859-1 für westeuropäische zeichenkodierung.

meine icq kontakte bestitägen das selbe. dann machen wir scheinbar alle was falsch. benutze vll linux?
Mit Zitat antworten
  #8 (permalink)  
Alt 25.06.2008, 13:42
Benutzer
neuer user
 
Registriert seit: 29.04.2008
Beiträge: 56
sjBlack ist in Verruf geraten
Standard

Zitat:
Deine Ausdrucksweise ist imho unterste Sohle.
niveau ist, wenn man in jedem fall höflich bleibt. eine ungebändigte, unbeeinflusste echte persönlichkeit hat keine dämmung, zu sagen, was einen ewig reizt.

habe jetzt keine lust mehr drauf. gute nacht. bin jetzt pennen.
Mit Zitat antworten
  #9 (permalink)  
Alt 25.06.2008, 13:56
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von sjBlack Beitrag anzeigen
noch was zu deinem zeichensatz
Zitat:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
nimm westeuropäische kodierung
Zitat:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
musst du nicht jedes einzelne verdammt umlaut referenzieren.
sorry, aber da hat Fricca recht, das ist Unfug. Informier dich doch bitte erstmal, was UTF-8 ist.

Dein Ton hier im Forum ist nicht in Ordnung und wenn man dir offensichtliche Fehler im Posting vorhält wirst du sofort ausfallend.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 25.06.2008, 14:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.121
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Wenn du utf-8 benutzt, solltest du dein Document auch als solches abspeichern.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, float, ie6

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
Float / Container Problem - Total seltsam. einfachder CSS 9 16.07.2008 12:05
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 15:22
Problem im IE7: div hinter input platzieren per float Heavenfighter CSS 2 19.06.2007 15:50
Problem mit div (float) Sp33dy G0nz4l3s CSS 2 29.05.2006 19:13
Problem mit Float: wird falsch positioniert pospiech CSS 0 10.03.2004 18:01


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:10 Uhr.