Firefox vs. Internet Explorer

Status
Niet open voor verdere reacties.
D

DJSR

Gebruiker
Lid geworden
8 okt 2006
Berichten
11
Voor de opbouw van mijn site gebruik ik 2 tabellen die naast elkaar geplaatst worden. Omdat deze verschillende content hebben stel ik de hoogte van de tabellen als volgt vast met een style:
Code: 
<table width="100%" cellspacing=0 cellpadding=0 border=0 bgcolor="28367F" style="height:1400px;">

De pagina is volledig valid verklaart door de W3C Validator.

Dit heeft in Internet Explorer tot resultaat dat beide tabellen even hoog zijn, op dezelfde hoogte eindigen dus. Kijk ik vervolgens naar dezelfde pagina in Firefox dan verschillen beide tabellen qua hoogte. Is dit iets algemeen bekends? 'Negeert' Firefox mijn hoogteaanduidingen, of heeft een pagina in Firefox gewoon meer pixels nodig?

Als laatste natuurlijk de vraag of hier iets aan te doen valt. Bestaat er een script of iets dergelijks waarmee ik de tabel met de minste inhoud even lang kan laten zijn als de langere tabel die ernaast staat?

(P.S. Mochten jullie voor het beantwoorden van de vraag html-codes of een URL nodig hebben dan hoor ik 't wel.)
 
Bij mij zijn ze even hoog.

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">

<!--  over het doctype http://www.w3.org/TR/html401/sgml/dtd.html -->
<html>
	
	<head>
		<title>
			(Type a title for your page here)
		</title>
		<!--This page created on Wednesday, October 18, 2006 -->
		
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		 
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<META name="description" content="starting with arachnophilia the html editor">
		<META name="keywords" lang="nl" content="arachno, html, updat, email, content, starting, homepage">
		<meta name="Author" content="Peter Vazed">
		<META name="robots" content="index, follow">
		<META name="revisit" content="7 days">
		<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
		
<!-- <LINK rel="stylesheet" type="text/css" href="stijl.css">
 -->
		
<STYLE TYPE="text/css">
<!--
A:link      { text-decoration: none; color: #0000a0;  }
A:visited   { text-decoration: none; color: #990000; }
A:active    { text-decoration: none; color: #0000FF; }
A:hover     { text-decoration: underline; color: #FF0000; }
p { padding:10px; }
.klgrs {background-color: #b1b1b1;padding: 4px 6px 4px 6px;}
.klgl {background-color: #eaebb8; padding: 1px 1px 1px 1px;}
.kl {font-family: verdana, tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal;color:#80808a;}
.tomat {font-family: verdana, tahoma, Arial, Helvetica, "sans-serif"; font-size: 16px; font-weight: bold;color:#b0224d;}
.prijs
{font-family: verdana, tahoma, Arial, Helvetica;
 font-size: 12px;
 font-style: normal;
color:#000000;
}
.info 
{border-width:2px;
border-style:dotted;
border-color:#808080;
background-color: #f2f2f2;
font-family:verdana, tahoma, arial, "ms sans serif";
font-size:10px;padding: 10px 10px 10px 10px;}
BODY {     scrollbar-3d-light-color:#FFFFFF;
           scrollbar-arrow-color:#93b7b4;
           scrollbar-base-color:#0000a0;
           scrollbar-dark-shadow-color:#000040;
           scrollbar-face-color:#808080;
           scrollbar-highlight-color:#c3c3c3;
           scrollbar-shadow-color:#cec553;
background-color: #9797ff;
padding:0;
margin:0;
}
.center{
text-align:center;
}-->
</STYLE>
		
	</HEAD>
	<body >
		
		<table  width="95%" border="1" cellspacing="0" cellpadding="3" align="center">
			<tr>
				<!-- Row 1 Column 1 -->
				<td  valign="top">
					<!-- linker tabel -->
					<table width="100%" cellspacing=0 cellpadding=0 border=0 bgcolor="#c0c0c0" style="height:1400px;">
						<tr>
							
							<td  valign="top">
								1
								<br>
								1
								<br>
								1
								<br>
								
							</td>
						</tr>
					</table>
				</td>
				<!-- Row 1 Column 2 -->
				<td  valign="top">
					<!-- rechter tabel -->
					<table width="100%" cellspacing=0 cellpadding=0 border=0 bgcolor="#ffffb0" style="height:1400px;">
						<tr>
							<!-- Row 1 Column 1 -->
							
							<td  valign="top">
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								2
								<br>
								
							</td>
						</tr>
					</table>
					
				</td>
			</tr>
		</table>
		
	</body>
	
</html>

Welk doctype gebruik je?

:cool:
 
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Ik zie dat jij 4.1 gebruikt, ligt het daaraan?
 
Vaak is er gedonder met tabellen juist positioneren. Vooral ervaar ik dat veel in IE.
Daarom werk ik sinds kort volgens de xhtml standaard (niet zo verschillend van 'gewoon' html) en werk ik met <div> tag's om mijn website opbouw te bepalen.

Een mooi voorbeeld hiervan is de site die ik eergisteren online heb gezet:
http://www.chipsaway-uden.nl/

Bestudeer die broncode maar eens als je jouw website ook in div-tags op wilt gaan bouwen. Het is een echte aanrader om op deze manier je broncode op te bouwen.
Ik zeg altijd maar zo: tabellen zijn om gegevens in te structureren, div's zijn om gegevens te positioneren. (Hecht niet te veel waarde aan deze uitspraak, het is voor iedereen persoonlijk hoe ze hun sites opbouwen).

Ik hoop je hiermee voldoende te hebben geinformeerd betreffende het probleem. :thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan