phpBB.nl

Ik heb nu ipv dit:

<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:
Afbeelding

Internet Explorer:
Afbeelding

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...

Zet in class right de float ook eens op left.

Stef schreef:Zet in class right de float ook eens op left.

Dat helpt niet, dan krijg ik zoiets
Afbeelding

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

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!

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).

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

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:
Afbeelding

Firefox (en Opera, wordt hetzelfde weergeven):
Afbeelding

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; }

phpBB.nl

float left - right en clear vraagje

float left - right en clear vraagje