login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div te kort in FF

Offline kickasgamer - 05/01/2009 16:07 (laatste wijziging 15/09/2011 20:03)
Avatar van kickasgamerPHP ver gevorderde ik heb een layout en in IE ziet hij goed uit, maar in FF is de onderkant precies iets te kort

dit is de css code voor dat stukje

css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.onderkant{
  2. width: 100%;
  3. height: 26px;
  4. background-image: url(layout/bg.png);
  5. background-repeat: repeat;
  6. background-position: center;
  7. }
  8. div.hoek_links_onder{
  9. width: 26px;
  10. height: 26px;
  11. float: left;
  12. background-image: url(layout/onder_l.png);
  13. background-repeat: no-repeat;
  14. }
  15. div.onder_midden{
  16. width: 90%;
  17. height: 26px;
  18. float: left;
  19. background-color: #DEDEDE;
  20. }
  21. div.hoek_rechts_onder{
  22. width: 26px;
  23. height: 26px;
  24. float: right;
  25. background-image: url(layout/onder_r.png);
  26. background-repeat: no-repeat;
  27. }


de dit is de html van de onderkant
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="onderkant">
  2.       <div class="hoek_links_onder"></div>
  3. 	  <div class="onder_midden">Design en coding door dirtybolle | Versie <?=$versie; ?> </div>
  4.       <div class="hoek_rechts_onder"></div>
  5.   </div>


hoe los ik dat probleem op ?

7 antwoorden

Gesponsorde links
Offline Martijn - 05/01/2009 16:11
Avatar van Martijn Crew PHP wat als je die width gewoon op 100 zet? of 98%? Mssn dat die div hoekjes mn goed overlappen.
Offline kickasgamer - 05/01/2009 16:18 (laatste wijziging 15/09/2011 20:03)
Avatar van kickasgamer PHP ver gevorderde ja als het op 100% staat dan valt de rechtse hoek naar de volgende regel

ik heb hem nu op 97% staan, tis bijna perfect maar nog net iets te veel en 96% is te weinig
Offline Martijn - 05/01/2009 16:21
Avatar van Martijn Crew PHP wat als je m display: inline; maakt?
Offline kickasgamer - 05/01/2009 16:22
Avatar van kickasgamer PHP ver gevorderde nee die inline doet niks blijkbaar 
Offline Martijn - 05/01/2009 19:22
Avatar van Martijn Crew PHP wat als je doet

[ [div links]________________[div rechts] ]
met de daaromheen liggende div de pg van dat verloopje?
kan ook een inline-block moeten zijn
Offline kickasgamer - 05/01/2009 20:14
Avatar van kickasgamer PHP ver gevorderde maar ik heb die indeling toch al ?

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="onderkant">
  2.       <div class="hoek_links_onder"></div>
  3. 	  <div class="onder_midden">Design en coding door dirtybolle | Versie <?=$versie; ?> | Laadtijd <strong><?=$difference; ?></strong></div>
  4.       <div class="hoek_rechts_onder"></div>
  5.   </div>
Offline Orves - 06/01/2009 08:23
Avatar van Orves Nieuw lid Je zou op Google even moeten zoeken naar 'equal heights absolute position'. Daarmee positioneer je 2 divs naast elkaar die een zelfde hoogte krijgen ongeacht de inhoud.

Dit wordt gedaan dmv;

position: absolute;
top: 0;
bottom: 0;

Iets wat veel mensen niet weten is dat je binnen een element 2 posities in dezelfde lijn kunt opgeven.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.17s