Parent Div automatisch 5 pixels groter
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
*{padding:0px;; margin:0px;}
Ralph vander tang op 05/09/2013 16:00:03:
zet is boven aan je css
*{padding:0px;; margin:0px;}
*{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.
de width 300 is in dit voorbeeld de breedte van je parent div je moet achter 300 geen "px" zetten.
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.
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.
Ja klopt als je de width en height van de parent div op auto zet dan krijgt deze de zelfde afmeting als de afbeelding
Heb de oplossing al gevonden. De afbeelding moet een float krijgen dan is het probleem opgelost.
Bedoel je de afbeelding ? of een div waar de afbeelding in zit
Beide moeten een float hebben in dit geval.
#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.