background-image in div

Status
Niet open voor verdere reacties.
D

djemmers

Gebruiker
Lid geworden
7 jul 2006
Berichten
129
Ik heb er op veel forums naar zitten zoeken maar niets hielp bij mij.
Ik moet dus ergens een fout zitten hebben maar kom er niet uit
Ik wil onder heel mijn header (div) dezefde achtergrond herhalen, maar het lukt me niet hem te tonen.
hier de structuur:
HTML: 
<body>
	<div id="main_container">
		<div id="header_container">
			<div class="headerlanden">

			</div>
			<div class="headersporten">
			
			</div>
		
		</div>

		.... andere id divs
	</div>
</body>
en css:
Code: 
body, html{
margin: 4px;
height: 100%;
}

#main_container{
float: left;
width: 100%;
min-height: 100%;
_height: 100%;
padding:-4px 0 0 0;
}

#header_container{
position: relative;
width: 100%;
height: 80px;
clear:both;
background-image: url(images/headerbg.gif) repeat-x;
color: black;
text-align: center;
overflow:hidden;
}

div.headerlanden {float:right;height:80px;margin: 0 0 0 0;}
div.headersporten {float:left;}

alle hulp welkom :-)
 
probeer ipv dit:
PHP: 
//css
background-image: url(images/headerbg.gif) repeat-x;
eens dit
PHP: 
//css
background-image: url(images/headerbg.gif);
background-repeat: repeat-x;
:thumb:
 
bedankt voor de snelle reactie,
aangepast maar werkt nog steeds niet
 
Je geeft achter background-image niet alleen de naam van de image, maar ook repeat-x. Dat mag niet. Het moet zijn:
Code: 
background: url(...) repeat-x;
of
Code: 
background-image url(...);
background-repeat: repeat-x;

De eerste is korter en daar kun je in principe alles over background in kwijt, maar dat werkt niet altijd goed in dat fouten-gala Internet Explorer 6.
 
Laatst bewerkt:
helpt ook niet :-(
de fout moet ergens anders zitten vrees ik
Heb de hele santeboetiek even op het net gesmeten
url weg

in het bovenste witte vlak zou de achtergrond moeten komen...

grts
 
Laatst bewerkt:
Da's handig, werkt beter dan met alleen code.
Het moet iets met je pad zijn, al kan ik niet precies zien wat.
Als ik bij de url van de background-image het volledige pad invul in je css
***.fabber.be/tornooi/net/images/headerbg.gif, maar dan nog met http:www ervoor
dan wordt de image getoond. Maar met de url die jij opgeeft wordt de image gewoon niet gevonden.
Je eerste manier blijft trouwens gewoon fout. Ik had wat slordig gelezen, want Vegras had al dezelfde oplossing gegeven als ik. Sorry.

Ik zou dus ook even het volledige pad opgeven en kijken of dat wel werkt. En dan kijken waar 't misgaat.
 
Laatst bewerkt:
opgelost:

background: url(../images/headerbg.gif);
background-repeat: repeat-x;

dus ../ zorgde ervoor dat ie het gifje vond!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan