verschil als je het met firefox bekijkt of met internet explorer

Status
Niet open voor verdere reacties.
P

proesmans

Gebruiker
Lid geworden
1 mei 2005
Berichten
147
hallo,

Hoe komt het dat mijn site er niet hetzelfde uitziet als je het in firefox bekijkt
of in internet explorer.
Als je kijkt in internet explorer dan kan je zien dat al de paginas waar history, music, ..... zich in een bruin balkje bevind dat een leuke grootte heeft.

Als je het balkje van elke pagina bekijkt in firefox dan kan je zien dat ze veel groter zijn (wat lelijker is )
Ik heb vandaag die grootte kleiner gemaakt, maar het pakt dus niet bij firefox.

Mijn vraag is dus hoe kan ik die balkjes in firefox ook klein maken zoals bij internet explorer.
je kan ook zien in firefox als je bij history kijkt dat de bovenste alinea van de tekst veel kleiner is dan de rest, dit is echt irritant want bij internet explorer is dit dus niet
ligt het soms aan de html code?

bedankt,

men website: http://users.telenet.be/proesmans/index/
 
Laatst bewerkt:
het kan zijn dat je geen of niet de goede doctype gebruikt
bij mij werkte het als je het onderstaande boven je eerste <html> zet

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
ik ben echt al uren aan het rondzoeken hoe ik dat verschil kan veranderen.
Mijn probleem zal wellicht hier ergens liggen : http://www.gigadesign.be/2006/08/newbies-en-hun-problemen/

ik zal men html code geven, kan iemand dan de juiste code geven zodat het in firefox hetzelfde weergeeft als in internet explorer?

ik geef de pagina "history": in firefox is de bovenste alinea anders (slechter) dan in internet explorer.
en het bruin balkje moet in firefox kleiner zoals in internet explorer
Alvast heel erg bedankt

url history: http://users.telenet.be/proesmans/index/history.html

html history: zie bijlage
 

Bijlagen

Ik heb je div even aangepast,border mag je eruit laten, is alleen voor de test gedaan.

PHP: 
<div style="width: 213; height: 56; margin: 20px;border: solid 3px #ff0000;" align="center">
										                    
										<p class="MsoNormal" align="center">
										<b>
											<span lang="NL">
												<font face="Arial" size="3">
													&nbsp;&nbsp;

												</font>
												<font face="Arial" size="4" color="#FF9933">
													History
												</font>
											</span>
										</b>
										</p>
										                    
									</div>

en gooi je pagina eens in de validator,
niet schrikken :shocked:

http://validator.w3.org/
 
in de validator komen heel veel dezelfde fouten terug, daarom lijkt het veel
Maar kan dus iemand me helpen met de vragen hierboven.
Bedankt
 
srry heb het wel even geprobeerd, maar wordt er zo snel weinig wijs uit. wat een chaos!
ik denk dat je ergens in de chaos aan tags een foutje hebt gemaakt met afsluiten ofzo.
in je onderstaande code bijvoorbeeld zitten al een hoop vreemde dingen
Code: 
<font color="#FF9933" face="Comic Sans MS" size="2"> </font><font face="Comic Sans MS" size="2"><font color="#CC6600">

je zet je eerste tag neer en sluit die gelijk weer af zonder er iets mee te doen!
Code: 
<font color="#FF9933" face="Comic Sans MS" size="2"> </font>
daarna zet je uiteindelijk eenzelfde soort tag neer en wat ik dan niet begrijp is waarom je die niet gewoon samen zet.
dus:
Code: 
<font face="Comic Sans MS" size="2" color="#CC6600">
misschien dat je zodra je alles netjes opgeruimd hebt op het probleem komt.

tot slot snap ik niet waarom je je tekst met
Code: 
<o:p>
</o:p>
opmaakt want als je gewoon de breedte van de tabelkolom weergeeft kan je automatisch tekst een bepaalde breedte laten hebben. en watskeburt met de gewone <br> tag?

ik zou btw niet weten wat je bedoelt met een verschil in bruine balk, ik kijk er iig overheen. Ik heb het vermoeden dat je deze pagina misschien wel met een WYSIWYG editor zoals frontpage hebt gemaakt en dat ie daarom niet compatibel is met firefox...
 
proesmans zei:
in de validator komen heel veel dezelfde fouten terug, daarom lijkt het veel
Maar kan dus iemand me helpen met de vragen hierboven.
Bedankt
Klik om te vergroten...

Heb je mijn advies al geprobeerd?

En gelijk DutchD stelt gr#42%@& wat code betreft.

Ik heb het een beetje opgepoetst.
Kijk of dit beter is.
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<HTML>
	<HEAD>
		<TITLE>
			Main
		</TITLE>
		
		<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">
<!--

 BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
      
}

td {
	text-align: left;
	vertical-align: top;
	font-family:Tahoma;
	font-size:11px;
	color:#974F08;
}
a {
	text-decoration: none;
}
a.1 {
	text-decoration: none;
	color:#000000;
}
.t11 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
}
.tekst
{
	font-family: "comic sans ms", verdana, tahoma;
	font-size:15px;
	color:#974F08;
}
.kop
{
font-family:  verdana, tahoma;
	font-size:18px;
	color:#f46c11;
font-weight:bold;}
-->
</style>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
	</HEAD>
	<BODY BGCOLOR="#000000" onLoad="MM_preloadImages('http://users.telenet.be/proesmans/images/m11.jpg','http://users.telenet.be/proesmans/images/m21.jpg','http://users.telenet.be/proesmans/images/m31.jpg','http://users.telenet.be/proesmans/images/m41.jpg','http://users.telenet.be/proesmans/images/m51.jpg','http://users.telenet.be/proesmans/images/m61.jpg')">
		<center>
			<TABLE WIDTH=779 BORDER=10 CELLPADDING=0 CELLSPACING=0 >
				<TR>
					
					<TD bgcolor="#000000" WIDTH=3 HEIGHT=1>
						&nbsp;
						<br>
						          &nbsp;
						          
						<p>
						&nbsp;
						      
						<!-- vergeten -->
						      
					</td>
					<TD height="1" width="215">
						 
						<TABLE WIDTH=213 BORDER="10" CELLPADDING=0 CELLSPACING=0 >
							              
							<TR>
								                
								<TD height="13">
									 
								</TD>
								              
							</TR>
							              
							<TR>
								
								                
								<TD style="background-image:url(http://users.telenet.be/proesmans/index/imagess/bg%20balkje.jpg);"  WIDTH=213 HEIGHT=62 >
								<br>
	<div style="width: 213; height: 56; margin: 15px;" align="center">
										     <br>
               
																			
												<span class=" kop" >	History </span>
																	
								
										                    
									</div>
									
								</TD>
								              
							</TR>
							              
							<TR>
								                
								<TD height="41">
									 
								</TD>
								
								              
							</TR>
							              
							<TR>
								                
								<TD style="background-image:url(http://users.telenet.be/proesmans/index/imagess/bg%20balkje.jpg)" WIDTH=213 HEIGHT=243 >
									                  
									<p>
									&nbsp;
									<br>
									                  
									<br>
									                  
									<img border="0" src="http://users.telenet.be/proesmans/index/imagess/geschi1.jpg" width="221" height="88" ALT="a">
									                  
									<br>
									                  
									<br>
									                  
									<br>
									
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<img border="0" src="http://users.telenet.be/proesmans/index/imagess/geschi2.jpg" width="221" height="219" ALT="a">
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									                  
									<br>
									
									                  
									<br>
									                
								</TD>
								              
							</TR>
							            
						</TABLE>
					</TD>
					            
					<TD height="1" width="555" class="tekst">
						 <br>


<pre><span lang="NL"><b>November 2004:&nbsp; Jannik Geerts en Maarten Dewachter besluiten om samen eens te&nbsp;

&nbsp;  draaien op een bescheiden feestje in hun vertrouwde jeugdlokaal.&nbsp; De kritiek van&nbsp;
&nbsp;  het aanwezige publiek achteraf is zeer positief, en de twee besluiten hun gevoel&nbsp;
&nbsp;  voor humor te tonen in hun eerste alter ego 'de ****ing Dewachter Brothers'.&nbsp; De&nbsp;
&nbsp;  jongens oefenen uur na uur om op elkaar ingespeeld te geraken en krijgen&nbsp;
&nbsp;  voldoende gelegenheid om hun kunnen op hun vertrouwde ksa-thuisbasis te tonen.&nbsp; &nbsp;

&nbsp;&nbsp;&nbsp;
&nbsp;
</b></span><b><span lang="NL">  Oktober 2005:&nbsp; De twee schaffen skytecs 2500 aan, op dat ogenblik ongeveer de&nbsp;
&nbsp;  beste prijs/kwaliteit cd-spelers die er te vinden zijn.&nbsp; Hiermee draaien ze voor&nbsp;
&nbsp;  het eerst for the crowd op het feestje getiteld: Republic benefit.&nbsp; Vlekkeloos&nbsp;

&nbsp;  verloopt de set allerminst, maar over hun platenkeuze valt niet te twisten: het&nbsp;
&nbsp;  publiek eet uit hun hand.&nbsp;Mr. Premium (aka Jan DeWachter) draait hier&nbsp;
&nbsp;  voorzichtig een plaatje mee.&nbsp; Zijn inbreng zal aanzienlijk vergroten in de&nbsp;
&nbsp;  daarop volgende feestjes.&nbsp; &nbsp;
&nbsp;

  27 Januari 2006: Met een knalfuif (Funk'd) nemen we afscheid van De ****ing&nbsp;
&nbsp;  Dewachter Brothers en verwelkomen &quot;Foxx and the lady&quot;, het nieuwe alter ego van&nbsp;
&nbsp;  de twee jongens.&nbsp; Mr. Premium draait ondertussen bijna elke set mee maar blijft&nbsp;
&nbsp;  zijn eigen naam behouden.&nbsp;
&nbsp;  &quot;Electro&quot; heet hun lieveling vanaf nu, maar ze laten nog meer dan genoeg&nbsp;

&nbsp;  ademruimte voor Drum 'n Bass, Hip Hop en Dancehall.&nbsp;
&nbsp;
  Februari 2006: De bal gaat pas echt aan het rollen wanneer foxx and the lady&nbsp;
&nbsp;  meer en meer op verplaatsing worden gevraagd door andere jeugdbewegingen en&nbsp;
&nbsp;  organisaties.&nbsp; Magisch in elkaar gestoken mixen en loeiharde bassen vormen hun&nbsp;
&nbsp;  visitekaartje.&nbsp;

&nbsp;
  20 Oktober 2006: Club Petrol maakt kennis met foxx and the lady en Mr. Premium&nbsp;
&nbsp;  op de waanzinnig populaire &quot;nacht van de jeugdbeweging&quot;.&nbsp; Net geen 500 man slaat&nbsp;
&nbsp;  door op hun beats. &nbsp;
&nbsp;
  </span><span style="mso-ansi-language: EN-GB">19 November 2006: Foxx and the lady vs Mr. Premium blazen iedereen 
  (en&nbsp; </span><span lang="NL">zichzelf?) tegen de muur met een set die door de menigte als &quot;hun beste set tot&nbsp;

&nbsp;  hiertoe&quot; wordt bestempeld.&nbsp; Republic heet de fuif en de fans hebben gelijk.&nbsp; <br>

Het wordt moeilijk deze set te evenaren.&nbsp; &nbsp;
&nbsp;  En toch gaan ze het doen. </span><span style="mso-ansi-language: EN-GB">Hoe? Beatz me.&nbsp;
&nbsp;
  (History by Esther McArther)</span></b>

</pre>
						              
						<p class="MsoNormal">
						<span style="mso-ansi-language:EN-GB">
							<font color="#FFFFFF">
								<b>
									&nbsp;
								</b>
							</font>
							&nbsp;
							              
							&nbsp;
							              
						</span>
						</p>
						              &nbsp;
						        
					</TD>
					          
					          
				</TR>
				<TR>
					<TD bgcolor="#000000" WIDTH=3 HEIGHT=1 >
						&nbsp;
						<!-- vergeten -->
						 
					</td>
					            
					<TD height="1" width="215">
						 
					</TD>
					            
					<TD height="1" width="555">
						 
						        
					</TD>
					          
					          
				</TR>
				        
			</TABLE>
			<table>
				<TR>
					<TD bgcolor="#000000" WIDTH=776 HEIGHT=47 >
						<div style="padding-top:7px;padding-right:15px " align="right">
							<a href="#"><img src="images/c2.jpg" border="0" width="67" height="12" ALT="a"></a>
							<img src="images/c3.jpg" width="13" height="12" ALT="a">
							<a href="#"><img src="images/c4.jpg" border="0" width="69" height="12" ALT="a"></a>
						</div>
					</TD>
				</TR>
				<!-- vergeten -->
			</table>
			
			<!-- vergeten -->
		</center>
	</BODY>
	
</html>

Haal nu maar door de validator ;)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan