antoncavia
-
Items
3 -
Registratiedatum
-
Laatst bezocht
Inhoudstype
Profielen
Forums
Store
Berichten die geplaatst zijn door antoncavia
-
-
update, ik heb ontdekt dat ik met safari hetzelfde probleem heb
-
De tekst/info gedeelte op mijn site bestaat uit 2 delen, eenrechter en een linker kant, dit zijn 2 floats.
Alle links van de rechter float die onder de onderkant van de linkerbox uitkomt, doen het niet in firefox.
Dit is een mooi voorbeeld, de link helemaal onder in de rechter float van de architect doet het dus niet in firefox;
http://www.skylinecity.info/rotterdam/gebouwen/hoge_erasmus_rec.htm
iemand een oplossing?
Css code (content is de linker, menupage de rechter);
#wrapper-content{ background: white url('images/bg02-white-left.png') no-repeat left top; }
#content {
background: transparenturl('images/bg02-white-right.png') no-repeat right top;
padding: 1px 320px 2em 24px;
font-size:90%;
}
#menu-page{
float: right;
width: 335px;
margin: 10px 18px 1em 1em;)
background: transparenturl('images/menu.png') no-repeat;
text-align: left;
line-height: 130%;
font-family:"trebuchet ms,verdana, arial, tahoma;
}
#menu-pageul {
margin: 0;
padding: 0 0 0em 1em;
list-style: none;
font-size: 90%;
dit is de code op de menu page op de html pagina;
<divid="wrapper-content">
<divid="menu-page">
<h4>HogeErasmus</h4>
<ul>
<p><li>
<div id="tabel">
<table>
<tr>
<tdwidth="90" valign="top">Architect:</td>
<td><atarget="_blank"href="http://www.klunderarchitecten.nl/">
KlunderArchitecten</a></td>
</tr>
<tr>
<tdwidth="90" valign="top">Hoogte:</td>
<td>93m.
</td>
</tr>
<tr>
<tdwidth="90" valign="top">Verdiepingen:</td>
<td>28</td>
</tr>
<tr>
<tdwidth="90" valign="top">Bouwjaar: </td>
<td>2001</td>
</tr>
<tr>
<tdwidth="90" valign="top">Functie:</td>
<td>Woningen/ kantoor</td>
</tr>
</table></div>
</li>
<pstyle="margin-top: 0; margin-bottom: 0">
<p> </p>
<p><imgborder="0" src="../../images/li_cube.gif">
<atarget="_blank"href="http://maps.google.nl/maps?q=Willemsplein+489-569+Rotterdam&hl=nl&sll=51.920503,4.480458&sspn=0.006452,0.016512&vpsrc=0&hnear=Willemsplein+489,+Nieuwe+Werk,+Rotterdam,+Zuid-Holland&t=h&z=17">Locatie</a>van het bouwwerk</p>
<p> </p>
<p>heeeeeelveel tekst.
</p>
<p></p>
<p><h5>Bronen copyright:
<atarget="_blank"href="http://www.klunderarchitecten.nl/">KlunderArchitecten</a> </h5>
</div>
<!--menu-page-->
koppeling in float werkt niet in firefox als hij onder een andere float uitkomt
in Archief Website Hulp & Scripts
Geplaatst:
na 2 dagen zoeken en googlen, heb ik het opgelost
ik moest de floats clearen.
CSS
.clear
{
clear: both;
}
HTML:
< div class="clear"></div>