Nieuw lid |
|
Ik heb een cms systeempje die de volgende code genereerd:
'
<div>' . $aContent_rows['content_title'] . '<br /></div>
<div>
<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>
<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>'
' <div>' . $aContent_rows['content_title'] . '<br /></div> <div> <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> <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
<!--Content Pagina-->
<div class="hoofdblokkenverhuur" style="left:159px; top:139px; width:580px;"><span class="style1"><a href="#" class="menuverhuur">HABO Partijgoederen </a></span></div>
<div class="blokverhuur" style="left:159px; top:157px; height:329px; overflow:scroll; overflow-x: hidden">
<div class="partijgoederen">Voliere gaas<br /></div>
<div class="partijgoederen2">
<div style="float:right; position:relative;"><img src="cms/pictures/volieregaas.jpg"width="100" height="100" hspace="10" vspace="5" alt=Voliere gaas /></div>
<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 />
hoogte 1.02 mtr. 25 mtr. op een rol.<br />
€ 75,63 per rol excl. btw<br />
<br /></div></div>
<div class="partijgoederen">Compressor<br /></div>
<div class="partijgoederen2">
<div style="float:right; position:relative;"><img src="cms/pictures/compressor.jpg"width="100" height="100" hspace="10" vspace="5" alt=Compressor /></div>
<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>
<div class="partijgoederen">PVC Paalkop<br /></div>
<div class="partijgoederen2">
<div style="float:right; position:relative;"><img src="cms/pictures/paalkop.jpg"width="100" height="100" hspace="10" vspace="5" alt=PVC Paalkop /></div>
<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 />
<br /></div></div></div>
<!--Content Pagina |einde|-->
<!--Content Pagina--> <div class="hoofdblokkenverhuur" style="left:159px; top:139px; width:580px;"><span class="style1"><a href="#" class="menuverhuur">HABO Partijgoederen </a></span></div> <div class="blokverhuur" style="left:159px; top:157px; height:329px; overflow:scroll; overflow-x: hidden"> <div class="partijgoederen">Voliere gaas<br /></div> <div class="partijgoederen2"> <div style="float:right; position:relative;"><img src="cms/pictures/volieregaas.jpg"width="100" height="100" hspace="10" vspace="5" alt=Voliere gaas /></div> <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 /> hoogte 1.02 mtr. 25 mtr. op een rol.<br /> € 75,63 per rol excl. btw<br /> <br /></div></div> <div class="partijgoederen">Compressor<br /></div> <div class="partijgoederen2"> <div style="float:right; position:relative;"><img src="cms/pictures/compressor.jpg"width="100" height="100" hspace="10" vspace="5" alt=Compressor /></div> <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> <div class="partijgoederen">PVC Paalkop<br /></div> <div class="partijgoederen2"> <div style="float:right; position:relative;"><img src="cms/pictures/paalkop.jpg"width="100" height="100" hspace="10" vspace="5" alt=PVC Paalkop /></div> <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 /> <br /></div></div></div> <!--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?
|