Mike: Layout

Beitrag lesen

Hallo liebes Forum

Versuche hier gerade ein einfaches Layout auf die Beine zu stellen...

Hier das HTML:

  
Blabla  
<header id="header">  
	<a href="#">  
		<img id="bild" src="#"/>  
	</a>  
	<a href="#" id="schrift">  
                Some Text  
	</a>  
</header>  
Blabla  

Hier das CSS:

  
#header  
{  
width: 100%;  
}  
#bild  
{  
width: 20%;  
float: left;  
}  
#schrift  
{  
display: block;  
width: 80%;  
}  

Ziel soll es sein, dass das Bild links oben 20% der Seitenbreite ist und daneben die Schrift noch 80%... Beides soll ein Link sein... Also gewissermassen links ein Logo und Rechts die passende Schrift...
Weitere Elemente sollen erst unterhalb der beiden Elemente kommen...
Mit angefügtem Code ist das Bild 20%, jedoch die Schrift nicht 80% sondern zu kurz...

Wer kann helfen, besten Dank bereits jetzt.

Freundliche Grüsse