PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

Parent Div automatisch 5 pixels groter

Door Mike Koopman op 05-09-2013 15:50
1.705 views
Goedenmiddag,

Ik ben bezig met het maken van een website. Het probleem waar ik tegenaan loop is als volgt: Ik heb een div waarin een afbeelding zit. Deze div heeft een vaste breedte maar geen hoogte. Verder staat de afbeelding in deze div. Deze heeft helemaal geen breedte en hoogte mee. De breedte van de afbeelding is de breedte van de div. Hoe kan het dat de parent div van de afbeelding nou constant 5 pixels groter is?

Wie kan me verder helpen?

Met vriendelijke groet,

Mike
r
ralph vander tang
05-09-2013 16:00
zet is boven aan je css
*{padding:0px;; margin:0px;}
Mike Koopman
05-09-2013 16:03
Ralph vander tang op 05/09/2013 16:00:03

zet is boven aan je css
*{padding:0px;; margin:0px;}



Dit heeft geen effect. Ik heb al het een en ander geprobeerd. Waaronder de margin en den padding op 0 zetten dit werkte niet.
D
Daniel Karst
05-09-2013 16:34
Probeer je img ook eens dezelfde maat te geven als de div <img src="foto.jpg" width="300">

de width 300 is in dit voorbeeld de breedte van je parent div je moet achter 300 geen "px" zetten.
Mike Koopman
05-09-2013 16:36
Daniel Karst op 05/09/2013 16:34:39

Probeer je img ook eens dezelfde maat te geven als de div <img src="foto.jpg" width="300">

de width 300 is in dit voorbeeld de breedte van je parent div je moet achter 300 geen "px" zetten.


Zou je div die er omheen staat dan niet automatisch de hoogte van de afbeelding moeten krijgen? De parent div is gefloat dus die rekt mee lijkt mijn.
D
Daniel Karst
05-09-2013 16:38
Ja klopt als je de width en height van de parent div op auto zet dan krijgt deze de zelfde afmeting als de afbeelding
Mike Koopman
05-09-2013 16:39
Heb de oplossing al gevonden. De afbeelding moet een float krijgen dan is het probleem opgelost.
D
Daniel Karst
05-09-2013 16:46
Bedoel je de afbeelding ? of een div waar de afbeelding in zit
Mike Koopman
05-09-2013 16:48
Beide moeten een float hebben in dit geval.
D
Daniel Karst
05-09-2013 16:56
Opzich gek want als ik een afbleeding in een div zet met de css
#logo {
position:relative;
float:left;
left:0px;
top:0px;
height:133px;
}

en de afbeelding wordt in de div opgeroepen als
<img src="logo.png" width="220" height="133" alt="logo" title="mijn logo" />

Dan heb ik geen probleem met de div die groter is.

Ter info en succes.

Reageren

Inloggen om te reageren