login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met divjes

Offline mellowmood - 28/03/2006 20:37 (laatste wijziging 28/03/2006 20:38)
Avatar van mellowmoodNieuw lid Op dit moment zit ik erg vast met een paar divjes te positioneren zoals ik ze wil. Na 2 middagen zoeken op inet word ik er nog niet veel wijzer van.

http://www.mkieboom.com/superdecool/v04/super.html

Op het linker witte vlak, zullen een 3-tal "box-en" komen 1 ervan begint gewoon boven in, de 3e komt een klein beetje vanaf de ondergrens. Klinkt misschien erg wazig, maar de positie van box 2 en 3 moeten vaststaan ook als box 1 groter wordt.

Nu was mijn opbouw ongeveer zo:




php code - Bekijk de code zonder highlighting - Klap code in 
  1. div.menu-margin
  2. {
  3.     margin-left:15px; 
  4.     margin-right:15px;
  5. }
  6. div.box1
  7. {
  8.     position:absolute; 
  9.     top:20px;
  10.     width:145px;
  11.  
  12. }
  13. div.box2
  14. {
  15.     position:relative; 
  16.     bottom:250px;
  17.     width:145px;
  18. }
  19. div.box3
  20. {
  21.     position:absolute; 
  22.     bottom:80px; 
  23.     width:145px;
  24. }


//Html globaal gezien
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="menu-margin">
  2.    <div class="box1"></div>
  3.    <div class="box2"></div>
  4.    <div class="box3"></div>
  5. </div>



Wie kan me helpen omtrent de css van de divjes?

3 antwoorden

Gesponsorde links
Offline Lemon - 28/03/2006 20:41
Avatar van Lemon PHP expert Voor te beginnen zou ik een screenshot nemen en met paint de vakjes even tekenen. Zo kunnen we je beter helpen want ik snap echt niets van je uitleg ;)
Offline timo - 28/03/2006 20:43
Avatar van timo PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #box1
  2. {
  3.     position:absolute; 
  4.     margin-top:20px;
  5.     width:145px;
  6.  
  7. }
  8. #box2
  9. {
  10.     position:relative; 
  11.     margin-bottom:250px;
  12.     width:145px;
  13. }
  14. #box3
  15. {
  16.     position:absolute; 
  17.     margin-bottom:80px; 
  18.     width:145px;
  19. }
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="menu-margin">
  2.    <div id="box1">&nbsp;</div>
  3.    <div id="box2">&nbsp;</div>
  4.    <div id="box3">&nbsp;</div>
  5. </div>

try this
Offline mellowmood - 28/03/2006 21:12 (laatste wijziging 28/03/2006 21:25)
Avatar van mellowmood Nieuw lid Sorry bij deze even een verduidelijking

http://www.mkieboom.com/screenshot.gif


>>Timo dat wat jij postte werkt ook niet helaas....
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.193s