Header verkleint niet correct mee met minimaliseren

[scootmobiel]

• Adres van je forum: http://www.hetscootmobielforum.nl
  Event. modificaties op je forum:proformell
  Wanneer ontstond het probleem?n.v.t.
  phpBB versie:3.0.12
  
  
  Heb je onlangs iets veranderd aan je forum?nee
  Wat is het probleem?

Het valt mij op dat met het minimaliseren of versmallen van de browser, de header van de website niet mee verkleint. In het verleden heb ik het een en ander aangepast aan de breedte van het forum. ( zie onderstaand) De header is via FTP destijds geupload en niet via de algemene manier in het beheerpaneel.
Hoe krijg ik de header correct weergegeven wanneer ik de boel verklein ?

common.css file zoals nu

Code: Selecteer alles

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 10px;
	width: auto;
	margin: 0 auto;
	min-width: 600px;
}

colours.css file zoals nu

Code: Selecteer alles

#box {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0px;
	padding: 0;
	text-align: left;
	width:70%;				/* <-- use this to tie width to viewport size */
	min-width: 660px;
	max-width: 1450px;
}

Headerbar in colours.css bestand zoals nu

Code: Selecteer alles

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #FFFFFF url("{T_THEME_PATH}/images/header_bg.png") no-repeat 50% 0;
	max-width: 1500px;
	height: 150px;
	color: #FFFFFF;
	margin: 0 auto;
	margin-bottom: 4px;
	min-width: 590px;
}

[scootmobiel]

Inmiddels iets wijzer geworden.
Het bestand imageset.cfg stond nog op de oude afmeting.
Deze inmiddels aangepast maar zonder resultaat.
Iemand nog suggesties om de header goed te laten versmallen ?

[David]

Heb je de map ook vernieuwd in je Beheerderspaneel, tabblad: stijlen? Daarna ctrl-f5 zie je dan je wijzigingen?

[scootmobiel]

Ja dit is reeds gedaan.
Moet dit niet ergens anders ook aangepast worden ( common.css ? )
De balk met home,categorieën ,webshop, verkleint wel zo als het hoort.

[Ger]

De afbeelding http://www.hetscootmobielforum.nl/style ... der_bg.png is 1400px breed. Je zou iets kunnen gaan doen met een berekening o.b.v. de breedte van het scherm, de schaalfactor, de positie waar je eigenlijke logo begint etc. om zo de achtergrondafbeelding op te schuiven en af te snijden, maar dan maak je het denk ik nodeloos ingewikkeld.

Beter lijkt me als je als achtergrond gewoon een afbeelding maakt met een streepje zwart, een streepje wit en een streepje grijs van 1px breed, met repeat-x. Het logo zet je ar dan als afbeelding in op bijv 10% van de breedte van gepositioneerd. De tekst "Hetscootmobielforum" naast het logo en de tekst onderin zet je er dan ook gewoon als tekst in en maak je op met font- eigenschappen in CSS.

[scootmobiel]

Goede tip.
Staat nu redelijk goed.
Bedankt voor het meedenken.