Bild in dynamischer HP als Background bzw. Logo

[NiAlMa]

Hallo zusammen,

seh mal wieder den Wald vor lauter Bäumen nicht!

Habe in der
screen-PAGE-layout.css

	.wrapper {
		min-width: 760px;
		max-width: 80em;
		margin: 20px auto;
	}

	.wbox { padding: 0px 10px; }

	/* Basic Element Styling */
	header {
		background: #000;
	color: #ccc;
	padding: 0em;
	}

und in der
index.php

<div class="wrapper contentframe">
	<div class="wbox">
		<header>
	    <HIER DAS BILD ></header>

stehen! Das ganze ist html5/css3!

Da das Style ja dynamisch ist wie muss ich

a) das Hintergrundbild definieren damit dies im Header "mitwächst/schrumpft"
b) das Logo in <header> einbinden damit dies ebenfalls "mitwächst/schrumpft"?

Alternativ kann ich auch Logo und das Hintergrundbild verschmelzen! Ich hätte das Logo (in welcher Form auch immer) gerne als Link

Die Bilder:
Hintergrund-Background= bg.jpg mit 1100x200px
Logo= logo.gif mit 740x170px

Ich danke schonmal für eure Unterstützung

 

[RenSe]

AW: Bild in dynamischer HP als Background bzw. Logo

Auf die schnelle: Um das ganze skalierbar zu machen sind Prozentangaben sehr hilfreich. So kann das Bild immer 100 oder 80% des Raumes einnehmen, je nachdem wie Du es gerne hättest. Als Link kannst Du das Logo direkt einfügen und nutzen, ebenfalls mit Prozentangaben. Allerdings möchte ich auch erwähnen das nicht alle Browser auf Deine CSS wie gewünscht reagieren werden. Die neuen Html und CSS Angaben sind noch nicht wirklich Serienreif. (Aber das nur am Rande)

 

[NiAlMa]

AW: Bild in dynamischer HP als Background bzw. Logo

Problem/ Frage habe ich gelöst!

Machmal bringt es was wenn man einfach mal aufhört und was anderes tut