Header größe anpassen

[Talk19zehn]

Hello @ ALL,

für mich mal zum Mitdenken: Wenn ich mir das Original ansehe: http://demo.phpbb3styles.net/proFormell

wird doch im Headerbereich ( Headerbar ) für das Forum jenes abstrakte, zeitlose Hintergrundbild verwendet:

Code: Alles auswählen

.headerbar {
background:url("./styles/proFormell/theme/images/header_bg.gif") no-repeat scroll 50% 0 #FFFFFF;
color:#FFFFFF;
height:150px;
margin:0 auto 4px;
max-width:1400px;
min-width:590px;
}

Ich deute, dass es sich hierbei um das Hintergrundbild handelt, welches der Klasse Headerbar in der Form zugewiesen ist, dass es sich dynamisch von 590px bis zu 1400px darstellt. Hier kann ich meines Erachtens kein "Logo", wie von Bloodcell erwünscht direkt zuweisen. Diese Logo würde sich faktisch immer der dynamischen Vorgabe von 590px - 1400px anpassen. Das macht sich natürlich schlecht, wenn das neue Hintergrundbild, wie das von Bloodcell Texte und/oder zusätzliche Bilder aufweist. Es ist nicht abstrakt genug und die neuen Elemente sind der Mindestbreite von 590px nicht angepasst... .., - oder irre ich mich?
Die Elemente (Text, Zusatzbild, Flugzeug) des neuen Hintergrundbildes müssten m.E. so ausgerichtet werden, dass sie weder links noch rechts herausragen. Jedoch ist die Angabe min-width 590px relevant. Das wird ggf. eine ziemliche "zirkelei", denke ich ganz einfach mal.

In dem Original wird das eingentliche Logo in der Form eingebunden:

Code: Alles auswählen

<div class="header-pad"><a id="logo" title="Foren-Übersicht" href="./index.php"><img height="70" width="330" title="" alt="" src="./styles/proFormell/imageset/logo.png"></a></div>

Das wurde wohl auskommentiert oder gelöscht, umbenannt?

Außerdem wird die Klasse Header-Pad ausgerichtet:

Code: Alles auswählen

.header-pad {
padding-left:25px;
padding-top:30px;
}

Und das Forum befindet sich in der id="box", die auf 1450px in der Breite begrenzt ist.

Code: Alles auswählen

#box {
margin-left:auto;
margin-right:auto;
margin-top:0;
max-width:1450px;
min-width:660px;
padding:0;
position:relative;
text-align:left;
width:95%;
}

Vielleicht helfen meine Gedanken ein wenig weiter.

Beste Grüße