login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Automatisch div positioneren

Offline Sosa - 19/04/2005 09:39 (laatste wijziging 19/04/2005 11:18)
Avatar van SosaNieuw lid Ik heb een cms systeempje die de volgende code genereerd:

  1. '
  2. <div>' . $aContent_rows['content_title'] . '<br /></div>
  3. <div>
  4. <div style="float:right; position:relative;"><img src="cms/pictures/' . $aContent_rows['content_image'] . '"width="100" height="100" hspace="10" vspace="5" alt=' . $aContent_rows['content_title'] . ' /></div>
  5. <div style="position:relative; float:left; padding-left:5px; padding-top:5px; padding-bottom:5px; text-align:left; font-size:10px;">' .nl2br($aContent_rows['content_message']) . '<br /></div></div>'


LINK: http://habo.eff...ederen.php

Pagina code

  1. <!--Content Pagina-->
  2. <div class="hoofdblokkenverhuur" style="left:159px; top:139px; width:580px;"><span class="style1"><a href="#" class="menuverhuur">HABO Partijgoederen </a></span></div>
  3. <div class="blokverhuur" style="left:159px; top:157px; height:329px; overflow:scroll; overflow-x: hidden">
  4.  
  5. <div class="partijgoederen">Voliere gaas<br /></div>
  6. <div class="partijgoederen2">
  7. <div style="float:right; position:relative;"><img src="cms/pictures/volieregaas.jpg"width="100" height="100" hspace="10" vspace="5" alt=Voliere gaas /></div>
  8. <div style="position:relative; float:left; padding-left:5px; padding-top:5px; padding-bottom:5px; text-align:left; font-size:10px;">nieuw maaswijdte 12.7x1.05 mm<br />
  9. hoogte 1.02 mtr. 25 mtr. op een rol.<br />
  10. 75,63 per rol excl. btw<br />
  11. <br /></div></div>
  12. <div class="partijgoederen">Compressor<br /></div>
  13. <div class="partijgoederen2">
  14. <div style="float:right; position:relative;"><img src="cms/pictures/compressor.jpg"width="100" height="100" hspace="10" vspace="5" alt=Compressor /></div>
  15. <div style="position:relative; float:left; padding-left:5px; padding-top:5px; padding-bottom:5px; text-align:left; font-size:10px;">met diesel motor € 900,00<br /></div></div>
  16.  
  17. <div class="partijgoederen">PVC Paalkop<br /></div>
  18. <div class="partijgoederen2">
  19. <div style="float:right; position:relative;"><img src="cms/pictures/paalkop.jpg"width="100" height="100" hspace="10" vspace="5" alt=PVC Paalkop /></div>
  20. <div style="position:relative; float:left; padding-left:5px; padding-top:5px; padding-bottom:5px; text-align:left; font-size:10px;">15,00 per stuk <br />
  21. <br /></div></div></div>
  22. <!--Content Pagina |einde|-->


Nu wordt dit in IE wel goed weergegeven alleen in FF niet (omdat de divs niet gepositioneerd worden). Hoe kan ik mijn code verwerken dat elke keer als er weer een product wordt toegevoegd deze netjes onder elkaar komen te staan? Doordat de content elke keer anders is weet je vantevoren niet hoe de divs op de pagina moeten worden gepositioneerd (wel de breedte maar niet de hoogte). Hoe kan ik ervoor zorgen dat het mooi onder elkaar uitgelijnd wordt? Of is er ook een andere manier?

2 antwoorden

Gesponsorde links
Offline Frisbee - 19/04/2005 12:21
Avatar van Frisbee HTML beginner dan moet je onder de teksten dit zetten:

  1. <div style="clear: both">&nbsp;</div>
Offline Sosa - 19/04/2005 14:00
Avatar van Sosa Nieuw lid Super bedankt!! het werkt 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.208s