Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 12.01.2007, 10:38
elBoB elBoB ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.05.2006
Beiträge: 29
elBoB befindet sich auf einem aufstrebenden Ast
Standard war wohl eher mein problem

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <title>floatTest</title>
  <style type="text/css" media="all">
    <!--
	* {
	margin: 0;
	padding: 0;
	}
	
	#left {
	float: left;
	width: 200px;
	height: 100px;
	background-color: #f00;
	  }
	  
	#right {
	float: left;
	width: 100px;
	margin-left: 10px;
	height: 100px;
	background-color: #0f0;
	}
	-->
  </style>
</head>
<body>

<div id="left">
<p>div mit float: left</p>
</div>

<div id="right">
<p>ein zweiter div</p>
</div>

</body>
</html>
ich fasse zusammen.

der erste div bleibt immer gleich: float: left, breite und höhe gesetzt.

beim 2. gibt es jetzt mehrere möglichkeiten:
nicht floaten & keine Breite angeben: dann ist der margin von ganz links zu zählen.

nicht floaten und breite setzen: hier gibts den unterschied. wenn kein margin gesetzt wird spinnt (?) der firefox und setzt den div in die nächste zeile. allerdings ohne die hintergrundfarbe zu setzen. nachdem ich dem firefox vertraue, nehme ich an der fehler liegt bei mir. explorer stellt das so dar wie ich es mit gedacht haette. (bis auf 3px bei älteren versionen)

auch der zweite div wir left gefloatet. dann MUSS die breite gesetzt werden (hab ich mal wo gelesen ) wie es aussieht zählt dann der margin vom ersten div weg.

ich muss mich bei meinem code also irgendwo vertan haben. generell gehts wie ich das gedacht habe. vielleicht umliegende container divs, die das beeinflussen...?

danke für die hilfe auf jeden fall
Mit Zitat antworten