schaduwrandjes <div> om <div> werkt niet?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Paul de Zwaan

Paul de Zwaan

16/08/2009 11:24:00
Quote Anchor link
Hallo,

Wie wil mij even helpen ik ben een website aan het bouwen en wil om de Container 2 shaduwrandjes plaatjes met behulp van een plaatje.

Ik heb om de container een div gezet mains zie code

Probleem is ik kan alleen maar te plaatjes laten tonen als ik bijvoorbeeld
height:2000px meegeef
maar height auto pakt hij niet.

Mijn vraag wat doe ik verkeerd. Want zoals hieronder krijg ik alleen de container te zien en de rest word genegeerd tenzij ik ze een height meegeeft???

css:

#mains{
width:1016px;
height:auto;
background-color:#CCCCCC;

}

#links{
background-image:url(images/links.jpg) ;
background-repeat:repeat-y;
width:7px;
float:left;

}

#rechts{
background-image:url(images/rechts.jpg);
background-repeat:repeat-y;
width:7px;
float:right;

}


#container {
width:1000px;
background-color:#f9f9fc;
border: 1px solid #333333;
float:left;
}

als code heb ik:
<div align="center">
<div id="mains">

<div id="links"></div>
<div id="container">
bla bla bla bla
</div>
<div id="rechts"></div>
</div>
</div>
 
PHP hulp

PHP hulp

25/12/2024 06:11:50
 
Niek Weevers

Niek Weevers

16/08/2009 14:36:00
Quote Anchor link
Die height: auto; kan weg op de mains.
Zet daar wel een overflow: hidden; op en het probleem is zeer waarschijnlijk opgelost.
Het is trouwens nog beter om één afbeelding te maken en die op de #mains als achtergrond te zetten.
En de code kun je nog ietsje korter maken:
background-image:url(images/links.jpg) ;
background-repeat:repeat-y;
kan ook geschreven worden als:
background:url(images/links.jpg) repeat-y;
 
Paul de Zwaan

Paul de Zwaan

16/08/2009 16:29:00
Quote Anchor link
oke bedankt ben benieuwd of het werkt:)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.