Container (plaatje) rekt niet mee
Ik zit met een probleem.
De container van m'n site rekt niet mee.
Degene die hem voor mij gesliced heeft, heeft een afbeelding voor de container gebruikt. In de bovenhoeken zitten ronde randjes.
Het probleem is dat ik niet weet hoe ik een afbeelding goed kan laten meerekken..
Als je css wilt zien moet je het even zeggen, want ik weet niet of dat nu zo belangrijk is. Het gaat erom dat de container niet meerekt. De css is verder ok.
GreetzZzZzZzz,,
Victor
Gewijzigd op 28/08/2010 13:16:32 door Victor Php
Code (php)
1
overflow:hidden;
Probeer dit eens?
Volgens mij zit je probleem dat de afbeelding niet mee rekt en omdat hij 2 ronde hoekjes heeft kan hij niet mee rekken oftewel de afbeelding moet je dus gewoon hoger maken.
En anders als je container niet mee rekt gewoon overflow:hidden; gebruiken.
Kan het ook op een andere manier? Want als je het plaatje groter maakt klopt het niet meer en als er dan maar een klein stukje tekst is ziet dat er niet uit ;-)
Ik heb geen link, omdat de toegang voor iedereen behalve een groep van 5 word geweigerd. Ik zal een afbeelding plaatsen ;-)
//-----------\\
||-----------||
||-----------||
||-----------||
dan word de nieuwe afbeelding zo:
//-----------\\
||-----------||
||-----------||
||-----------||
||-----------||
||-----------||
||-----------||
||-----------||
||-----------||
||-----------||
en als je dan via css zorg dat de afbeelding altijd aan de bovenkant van de container plakken is er geen probleem.
Hoop dat je het begrijpt :p
Gewijzigd op 28/08/2010 13:15:53 door Joakim Broden
Ik begrijp het niet helemaal.
Dan zou je zo'n pagina krijgen:
//------------\\
||-----tekst--||
||------------||
||------------||
||------------||
||------------||
||------------||
||------------||
||------------||
||------------||
||------------||
||------------||
||------------||
Zo zou je dos oneindig veel nutteloze ruimte krijgen.
Dat wil ik niet. Er moet een standaard hoogte aan zitten.
Als het groter moet vergroot ie zoveel hij nodig heeft.
-Edit-
Plaatje toegevoegd :) (Zie topic)
Gewijzigd op 28/08/2010 13:19:16 door Victor Php
Maar aan je afbeelding te zien in je topic, rekt de container niet mee ivm met de sidebar (floating elements) dus zou je gewoon overflow:hidden; kunnen gebruiken.
als dit zeg maar de opbouw ongeveer is wel,
<div class="container">
<div class="sidebar">Sidebar</div>
<div class="content">Content</div>
</div>
container_head
container_mid
container_foot
en je text dan in container_mid plaatsen en deze geen vaste hoogte meegeven of een min-height attribute..
dan gaat je footer altijd mee zoals jij het wilt
of de tekst nou 3 alinea's of 300 alinea's is.
Er is dus geen optie om de afbeelding mee te laten rekken?
Ik zal dat dan maar gaan toepassen :)
Normaal geef je voor een container een headerafbeelding... dan een midden mee indien nodig met afbeelding of met border ofzo..
en een footer..
Het midden gaat dan automatisch mee met de hoeveelheid tekst die binnen de maximale breedte geplaatst word en bepaald zo dus de grootte van het geheel.
Daarna plaats je dan je onderkant van je container dat het een geheel maakt.
Hoop dat je er uitkomt! succes
Thxx