Site uitrekken bij andere resolutie (width)

Door Roeltje M op 07-10-2008 21:22

487 views

Hallo,

Ik ben bezig met een site voor een vriend van mij en ik stuitte op een probleem.
Het gaat om linkje.

Als je van resolutie wisselt zie je dat het logo en de footer niet worden uitgerekt in de breedte.

Dit is de css:

#logo {
	background:url(../images/logo.png) no-repeat;
	width:100%;
	min-width:100%;
	height:204px;
	}
#footer {
	background:url(../images/footer.png) no-repeat ;
	width:100%;
	height:50px;
	color:#fff;
	text-align:right;
	padding-top:40px;
	padding-right:20px;
	position:absolute;
	bottom:0px;
	}

Wie o wie kan mij helpen?

Jan Koehoorn

07-10-2008 22:12

Dat is logisch. De divs zelf hebben een width van 100%, maar dat geldt niet voor het achtergrondplaatjes van diezelfde div. Het is meestal ook niet mooi om plaatjes mee te laten rekken.

Ik zou gewoon de site op 1 breedte laten, eventueel gecentreerd.

Jurgen assaasas

07-10-2008 22:16

Best logisch toch aangezien je plaatjes niet groter zijn.

Edit: Jan was voor.

Wouter De Schuyter

07-10-2008 22:18

probeer dit eens het zal er wat netter uit zien dan maar het logo zelf kan je niet laten uitrekken, zoals Jan zei het is de opmaak van de divs die je doet..


#logo {
    background: #EEECFB url(../images/logo.png) center no-repeat;
    width:100%;
    height:204px;
    }
#footer {
    background: #202020; // vast kleur of een afbeelding van 2000px pakken voor de zekerheid dat het in elke browser goed is..
    width:100%;
    height:50px;
    color:#fff;
    text-align:right;
    padding-top:40px;
    padding-right:20px;
    position:absolute;
    }

Jan Koehoorn

07-10-2008 22:20

Je kunt plaatjes laten meerekken, maar zoals ik al zei is dat meestal niet mooi.

Frank

10-10-2008 00:35

##offtopic (een beetje)

Wanneer de resolutie te groot wordt, ziet de footer achtergrond er niet ech goed uit. Dit is dan ook wel op een resolutie van 2560 * 1600.
voorbeeld: http://bowser18.nl/voorbeeld.jpg

Bij mij rekt de site verder wel gewoon goed mee (wellicht heb je het al opgelost?)

Gr Lessy

Robert Deiman

10-10-2008 00:55

Wat vaak ook kan is aan de header div met een breedte ook een kleur mee te geven en in de afbeelding een overloop naar de kleur van de achtergrond (indien dat nodig is alleen!!) mee te geven.

Zo hou je altijd een redelijk gevulde pagina, hoeft die niet "liquid" te zijn, maar echt kaal wordt die niet.

Reageren

Inloggen om te reageren