yellowbridge: Webseite reagiert nicht auf "float"

Beitrag lesen

SELF-Forum

Webseite reagiert nicht auf "float"

yellowbridge
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln