float left - right en clear vraagje

[DaMnNaTiOn]

Ik heb nu ipv dit:

Code: Selecteer alles

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr> 
 	<td align="left">
 	<!-- BEGIN switch_user_logged_in -->
 		<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
 	<!-- END switch_user_logged_in -->
 	</td>
	<td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

deze nieuwe code:

Code: Selecteer alles

<div class="right">
	<!-- BEGIN switch_user_logged_in -->
	<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
	<!-- END switch_user_logged_in -->
	<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a>
</div>
<div class="left">
	<span class="gensmall">
	<!-- BEGIN switch_user_logged_in -->
	{LAST_VISIT_DATE}<br />
	<!-- END switch_user_logged_in -->
	{CURRENT_TIME}</span><br /><a href="{U_INDEX}" class="nav">{L_INDEX}</a>
</div>

<div class="clear">&nbsp;</div>

met de volgende css code

Code: Selecteer alles

.right {
	float: right;
	text-align: right;
	padding: 5px 0;
}

.left {
	float: left;
	text-align: left;
	padding: 5px 0;
}

.clear {
	line-height: 0;
	clear: both;
}

In firefox ziet het nu er precies hetzelfde uit als voor de verandering.
Maar in ie gaat van alles mis.
Firefox:

Internet Explorer:

Nu wil ik zorgen dat al die ruimtes weggaan, hoe moet dat?
Ik heb van alles geprobeerd, padding op nul, height op nul, een negatieve margin, maar dat verpest de layout als je ingelogd bent.
Ik snap het niet meer...

[Stef]

Zet in class right de float ook eens op left.

[DaMnNaTiOn]

Zet in class right de float ook eens op left.

Dat helpt niet, dan krijg ik zoiets

Maar het rare is, als ik ben ingelogd, dan wordt het wel goed weergeven in ie?


edit

Wacht, dit is wel heel raar.
Als ik

Code: Selecteer alles

<div class="clear">&nbsp;</div>

weghaal, dan wordt het juist weer wel goed weergeven in ie en opera.
Maar firefox verpest het dan weer!

[DoubleJ]

het zou bijde wel float left moeten zijn want dan gaat elk onderdeel aan de linker kant van de bovenste staan.

probeer eens met margin: 0px; en margin: auto; te experimenteren(ook gebruik makent van margin-left/right/top/bottom).

[Stef]

Of geef de table class van het forum ook een clear: both; mee.

[DaMnNaTiOn]

Hmmm... ik denk dat het opgelost is.
ipv

Code: Selecteer alles

<div class="clear">&nbsp;</div>

heb ik nu

Code: Selecteer alles

<br class="clear" />

en dit werkt in firefox, ie en opera goed en hetzelfde.
Maar, ik ben nog niet klaar
Even kijken, ik zal even eerst twee screenshots plaatsen.

Internet explorer:


Firefox (en Opera, wordt hetzelfde weergeven):


Dat tekste met Home heeft een stukje ruimte boven de tekst zelf.
Dit zijn volgens mij alle referenties naar dat stukje tekst in mijn CSS bestand.

Code: Selecteer alles

a,span,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color: #008038; }
a:hover { text-decoration: underline; color: #DD6900; }

.nav { font-weight: bold; font-size: 11px; color: #000000; }
a.nav { text-decoration: none; color: #008038; }
a.nav:hover { text-decoration: underline; }