Parent Div automatisch 5 pixels groter

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mike Koopman

Mike Koopman

05/09/2013 15:50:34
Quote Anchor link
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
 
PHP hulp

PHP hulp

04/05/2024 17:09:10
 
Ralph vander tang

ralph vander tang

05/09/2013 16:00:03
Quote Anchor link
zet is boven aan je css
*{padding:0px;; margin:0px;}
 
Mike Koopman

Mike Koopman

05/09/2013 16:03:48
Quote Anchor link
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.
 
Daniel Karst

Daniel Karst

05/09/2013 16:34:39
Quote Anchor link
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

Mike Koopman

05/09/2013 16:36:14
Quote Anchor link
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.
 
Daniel Karst

Daniel Karst

05/09/2013 16:38:45
Quote Anchor link
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

Mike Koopman

05/09/2013 16:39:31
Quote Anchor link
Heb de oplossing al gevonden. De afbeelding moet een float krijgen dan is het probleem opgelost.
 
Daniel Karst

Daniel Karst

05/09/2013 16:46:12
Quote Anchor link
Bedoel je de afbeelding ? of een div waar de afbeelding in zit
 
Mike Koopman

Mike Koopman

05/09/2013 16:48:10
Quote Anchor link
Beide moeten een float hebben in dit geval.
 
Daniel Karst

Daniel Karst

05/09/2013 16:56:22
Quote Anchor link
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.
 



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.