Div height zit te hoog

Pagina: 1
Acties:
  • 265 views

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Ik heb een probleem met een van mijn divs. Ik heb namelijk 4 div gemaakt (2 onder elkaar) maar de eerste van de 4 divs zit iets te hoog:

Afbeeldingslocatie: http://soroshdesigns.com/Naamloos.jpg

html:

<div class="sorosh1">xvxccxvxcvxv</div>
<div class="sorosh2">xcvxcvx</div>
<div class="sorosh3">xvxbvx</div>
<div class="sorosh4">dcvdfg</div>

css:

.sorosh1{
float: left;
width: 300px;
height:100px;
background: #2295ca;
}
.sorosh2{
float: left;
width: 300px;
height:100px;
background: #000;
}
.sorosh3{
float: left;
width: 300px;
height:100px;
background: #000;
}
.sorosh4{
float: left;
width: 300px;
height:100px;
background: #2295ca;
}

container (CSS):

background: transparant;
padding: 20px;
width: 793px;
height:100%;
overflow: auto;

Weet iemand wat ik fout doe? (Zal wel een domme fout zijn :P )

Alvast bedankt,
shajansd

Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 12:54

Bosmonster

*zucht*

doctype?

Hier werkt het namelijk prima in de gangbare browsers.

Edit: al denk ik niet dat zelfs een verkeerde doctype dit probleem zal veroorzaken, maar eerder styles of andere elementen waar je niks over vertelt. Want zelfs IE6 in quirksmode doet het met bovenstaande code gewoon goed.

[ Voor 68% gewijzigd door Bosmonster op 21-12-2009 13:15 ]


Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
bedanktt voor je snelle reactie! Ik heb het in alle browsers geprobeerd die ik heb (IE, FF, netscape, chrome) maar ik krijg steeds het zelfde.

Doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

(Wat overgens ook opvalt is dat ik in alle browsers achter de divs een <br/> ziet (dit heb ik niet zelf gedaan) )

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Mijn hele css:
*enkel relevante code posten ajb*

[ Voor 98% gewijzigd door MueR op 21-12-2009 13:30 ]


Acties:
  • 0 Henk 'm!

  • peke
  • Registratie: Februari 2002
  • Laatst online: 19-05 15:21
Staat er niet ergens een <br /> per ongeluk achter die eerste div?
Post eens een linkje naar de pagina.

Acties:
  • 0 Henk 'm!

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 10:22

MueR

Admin Tweakers Discord

is niet lief

Dat doen we dus niet he? Het is hier geen quickfix desk. Als je code post, gebruik de code tag. Verder dien je enkel relevante code te posten. Niet zomaar je complete CSS dumpen en dan maar hopen dat wij het oplossen. Zie verder Webdesign, Markup & Clientside Scripting Beleid en de Quickstart.

Anyone who gets in between me and my morning coffee should be insecure.

Pagina: 1

Dit topic is gesloten.