yellowbridge: Webseite reagiert nicht auf "float"

Angenehmen Abend!

Den ganzen Tag lang wurmt mich ein Gefühl des Versagens. Es handelt sich um ein Schulprojekt für die Gestaltung eines fiktionalen Bike-Webshops. Ich muss dazu sagen, dass ich mich seit Jahren mit dem Thema "Webgestaltung" ansich beschäftige, allerdings trifft die Praxis erst jetzt ein.

Ich versuche, in meinem Header ein zweiteiliges "Logo" einzubauen. Auf der linken Seite ein klickbares, richtiges Logo, auf der rechten Seite ein Bild im Breitformat, das einen Biker zeigt. Dazu soll die gesamte Website mittig positioniert sein.
Dies war kein Problem, allerdings bekomme ich die zwei Logo-Teile nicht nebeineinander.
Ich dachte da an "float: left", allerdings scheint die Seite nicht darauf reagieren zu wollen.

Hier mein Code:

HTML:

  
<html>  
<head>  
<title>Carbobike: Webshop</title>  
<link rel="stylesheet" href="css/stylesheet.css" type="text/css">  
<meta http-equiv="content-type" content="text/html; charset=utf-8">  
</head>  
<body>  
	<div id="wrapper">  
	<div id="header">  
		<a href="index.html" target="_blank">  
			<img src="img/logo.png" width="275" height="135" alt="Logo">  
		</a>  
		<img src="img/logobild.png" width="625" height="143" alt="">  
	</div>  
	<div id="menu">  
	  
	</div>  
	<div id="content">  
	  
	</div>  
	<div id="footer">  
	  
	</div>  
	</div>  
</body>  
</html>  

CSS:

  
* {  
	margin: 0;  
	padding: 0;  
	border: solid 0px #000;  
}  
  
body {  
	background-color: #c8c8c8;  
}  
  
#wrapper {  
	width: 900px;  
	height: 600px;  
	margin: 10 auto;  
	border: solid 1px #000;  
	background-color: #fff;  
	color: #000;  
	font-family: Arial, Sans Serif;  
	font-size: 1.2em;  
}  
  
#header {  
	width: 100%;  
	height: 135px;  
	padding-top: 5px;  
	float: left;  
}  
  
#menu {  
	width: 100%;  
	height: 41px;  
	float: left;  
}  

Vielen Dank im Voraus!
~yellowbridge

  1. Om nah hoo pez nyeetz, yellowbridge!

    Wahrscheinlich suchst du float einschließen. Auch display: inline; wäre möglich. Dann kannst du auf float verzichten. Denkbar wäre auch, den Biker als Hintergrundgrafik des headers umzusetzen.

    Brauchst du den wrapper wirklich?

    Matthias

    --
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Yak und Yakari.

  2. Om nah hoo pez nyeetz, yellowbridge!

    Noch eine Ergänzung: Mit HTML5 sind eine Reihe neuer Elemente hinzugekommen, sodass sich auf divs verzichten lässt. HTML5-Serie im selfblog.

    Matthias

    --
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Arsen und Arsenal.