Archief - HTML: verschil in IE & FF

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Ramm

Legacy Member
Ik zit momenteel met een klein probleempje met mijn menu: In FF toont hij het altijd goed, in IE echter niet, en uiteraard zou ik dit willen verhelpen. Een kleine demonstratie wat er fout loopt:

probleem

Links zie je een screenshot van FF, rechts 2 screenshots van IE. Zoals je ziet verandert het uitzicht dus ook met andere tekst erin (in FF niet). De 2 bovenste boxen worden steeds hetzelfde getoond, dus het moet ergens aan het feit liggen dat er in die 3 andere boxen gebruik gemaakt wordt van een form.

Box die correct getoond wordt:
Code:
<table width="140" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="20" height="14" class="menu_lefttop"><img src="images/spacer.gif" width="1" height="14" /></td>
    <td class="menu_top">Menu categories</td>
    <td width="11" height="14" class="menu_righttop"><img src="images/spacer.gif" width="1" height="14" /></td>
  </tr>
  <tr> 
    <td colspan="3" class="menu_content">
       <!-- code om menu te maken -->
    </td>
  </tr>
</table>

Box die verkeerd getoond wordt:
Code:
<table width="140" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="20" height="14" class="menu_lefttop"><img src="images/spacer.gif" width="1" height="14" /></td>
    <td class="menu_top">Search</td>
    <td width="11" height="14" class="menu_righttop"><img src="images/spacer.gif" width="1" height="14" /></td>
  </tr>
  <tr> 
    <td colspan="3" class="menu_content">
	<div align="center">
	    <form name="frmSearch" method="get" action="">
		  <input type="hidden" name="mod" value="search" />
		  <input type="hidden" name="type" value="simple" />
          <input name="q" type="text" value="" size="20" />
          <br />
	  <input type="submit" name="cmdSearch" value="<%=strSearch%>" class="cmd" />
	</form>
	</div>
	</td>
  </tr>
</table>

Weet er iemand hoe ik deze code zo kan zetten dat ze zowel in IE als in FF correct getoond wordt (misschien is het gewoon één of andere domme code in mijn CSS die moet toegevoegd worden)

voor de css: css-bestand

In elk geval al bedankt op voorhand,
Ramm

DarkBone

Legacy Member
Het ligt zeker niet aan het feit dat het forms zijn, het licht zeker wel aan de variabele lengte van uw titels. Daar kan IE blijkbaar niet mee overweg, ookal hebben de aangrenzende cellen een vaste breedte en kent hij ook de vaste breedte van de gehele tabel. De fout ligt gewoon bij IE, deze reageert anders naargelang de breedte van het woord in die cel.

Maar... eigenlijk gebruik je tabellen waar het niet hoeft.

Welkom in de wondere wereld van CSS en xHTML...
http://www.webcoder.be/lode/_temp/test.html

Ramm

Legacy Member
@Darkbone

Uw reply heeft mij aan het denken gezet, en de oplossing was dus gewoon simpel: Ik heb de middenkolom de breedte van 109 meegegeven, en dan werkte het perfect. Maar ik heb ook uw pagina opgeslaan, en ik zal zo snel mogelijk eens testen om dat deel al om te zetten in div's, en later dan hopelijk de volledige site (al zal het onnoemelijk veel werk zijn).

Bedankt voor de (snelle) hulp! (En dan te denken dat ik al dagen over dit probleem zit te denken)

:niceone:

DarkBone

Legacy Member
Je ziet maar, als je er iets uit kan leren dan ben ik ook al blij :D
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan