background-image laad niet de hele pagina

Status
Niet open voor verdere reacties.
leuthrick

leuthrick

Gebruiker
Lid geworden
17 sep 2008
Berichten
454
Hallo,

Ik wil dat het achtergrond plaatje horizontaal word herhaalt tot de pagina op houd.

Maar het probleem is dat hij nu niet lang genoeg herhaalt, en dat je dus de witte achtergrond krijgt te zien ipv het plaatje.

screentk.png


css:
Code: 
body{
	margin: 0px; padding: 0px;
	font-family:Arial;
}


#clear_1{
	width:100%;
	height:2px;
}

#clear_2{
	width:100%;
	height:2px;
}

#header{
	background-image:url(../image/style/header_background.png);
	background-repeat:repeat-x;
	min-width:100%;
	height:91px;
}
#photo_slider{
	background-image:url(../image/style/header2_background.png);
	background-repeat:repeat-x;
	width:100%;
	height:498px;
}
#content{
	background-color:#dadfeb;
	width:100%;
	min-height:40em;
}

#footer{
	background-color:#565f81;
	width:100%;
	height:120px;
}

html:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>leuthrick</title>
<link href="style.css" rel="stylesheet" type="text/css" /> 
</head>

<body>
<div id="header">
------------------------------------------------------------------------------------------------------------------------- (ect. ik heb hem maar even ingekort)
</div>
<div id="photo_slider">
	
</div>
<div id="clear_1">
	
</div>
<div id="content">
		
</div>
<div id="clear_2">
	
</div>
<div id="footer">
	
</div>
</body>
</html>

alvast bedankt
 
Laatst bewerkt:
Hallo.

Misschien zou je het plaatje groter moeten maken?
Of misschien kleiner. Licht eraan wat je er precies mee wilt.
Als je hem kleiner maakt dat zou het zich moeten herhalen, en als het groot is, over de hele pagina, dan moet je wel de goede grootte hebben.

Ik weet niet echt zeker of dit werkt, maar je kunt het proberen. Ik zal nog eens even je HTML en CSS doorlezen.
 
de plaatjes die hij moet herhalen zijn allemaal 1px breed.

alvast bedankt
 
Over het algemeen zou het moeten werken lijkt me. Maar stuur mij eens de URL van de online versie. Of heb je die niet online ?
 
In Opera loopt die achtergrond over de gehele breedte, in welke browser heb je het probleem? Ik meen me te herinneren dat IE6 niet goed om kan gaan met min-width, wellicht dat daar je probleem zit.
 
Hoi.

Misschien ligt het aan de volgende code:

HTML: 
#divnaam {
  width: 100%;
}

/*Dit moet worden*/
#divnaam {
  width: breedte
}

Misschien werkt dit. Ik hoor het nog wel... :p;):thumb::d:P
 
Laatst bewerkt:
ik gebruik IE9 en had het ook met firefox geprobeerd.

het lijkt nu met IE9 te werken nu hij online staat maar firefox heeft nogsteeds het zelfde probleem:(

en als ik een bepaalde breedte invul werkt het wel maar de breedte verschilt per scherm resolutie..

alvast bedankt
 
Hallo.

1. Ik heb ook altijd problemen met dat soort dingen. Firefox gebruikt volgensmij standaard al XHTML.


2. Ik weet niet wat het is maar ik heb laatst op internet ergens we de precies goede breedte gezien in pixels. Dat heb ik niet precies onthouden maar volgensmij zat het rond de 1300 ergens.

Misschien effe googlen?

Nog een klein vraagje:

Zit er aan de rechterkand van de images wit, of is dat automatisch ofzo?
Bij mij verscheen het op het hele scherm met width: 100%; maar rechts heel veel wit.

Succes verder.:thumb:
 
nee er zit geen wit in het plaatje.

ik zal dinsdag nog even verder proberen.

alvast bedankt
 
het is opgelost:d

ik ben er achter gekomen dat als je
HTML: 
position:absolute;
in je div zet het wel werkt


bedankt:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan