Ga naar inhoud

Div rekt niet mee met content in Chrome


 Delen

Aanbevolen berichten

Hallo, ik ben bezig met de site van mijn dochtertje en loop tegen een probleem aan.

De pagina heeft een grijze achtergrond met in het midden een witte DIV die de content bevat. Ik heb deze display:inline-block; meegegeven omdat ik begreep dat dat er (mede) voor zou zorgen dat de div meestrekt met de breedte van de content. Probleem is nu dat het er in Safari prachtig uitzag, maar nu ik het in Chrome zie zie ik dat een aantal foto's die in landscape staan over de rand van de DIV heengaan.

Enig idee wat ik fout doe?

Hier is de inhoud van de css-file: (#middle is de DIV die de inhoud bevat. Die inhoud is opgebouwd uit div's van type #textbox en type #pic)

@charset "ISO-8859-5";

* {
margin: 0;
padding: 0;
}


html
{
   height: 100%;
}
body
{
   background-color: #CCCCCC;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   height: 100%;
}


#header
{
   margin-bottom: 0px;
   height:30px;
}


#left
{
   float: left;
   width: 200px;
   height: 92%;
   text-align: right;
   margin-right: 25px;
   margin-left: 25px;
   margin-top: 4px;
}


#middle
{
   float: left;
   max-width: 48.6%;
   border: 2px solid #000000;
   text-align: left;
   margin-left: 0px;
   margin-bottom: 0px;
   background-color: white;
   display:inline-block;

}


#middle-footer
{
   height: 25px;
   background-color: white;
}


#pic
{
   margin: 25px 25px 0px 25px;

}


#textbox
{
   margin:25px 25px 25px 25px;
   text-decoration:none;
   font-family: Century Gothic, sans-serif;
   font-size: 1pc;
   color: #000000;
}


A
{
   text-decoration:none;
   font-family: Century Gothic, sans-serif;
   font-size: 1pc;
   color: #000000;
   font-weight:bold;
}




Link naar reactie
Delen op andere sites

Ik weet het niet zeker, met dat inline-block, etc.

Maar als je graag een wit vlak wilt dat zich Groter of Kleiner maakt d.m.v. de content die deze bevat kun je het beste geen width e.d. aan dit vlak toevoegen.

ik zou gewoon dat witte vlak een margin geven, een padding , en een minimale height en minimale width (kijk maar even op google voor codes).

dan wordt dit vlak altijd het minimum, en als er meer content in komt veranderd de groote, want volgens mij (opnieuw) is de groote van een tag, altijd afhankelijk van de inhoud, tenzij anders staat aangegeven.

Link naar reactie
Delen op andere sites

 Delen

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.