Firefox anders dan Internet explorer

Status
Niet open voor verdere reacties.

lerrie

Gebruiker
Lid geworden
2 nov 2010
Berichten
300
Hoe kan het dat mijn websites er op mijn laptop in Firefox en Internetexplorer er het zelfde uitzien, maar als ik op een andere laptop kijk dat op Internet explorer de website helemaal breed en lang wordt getrokken?

Groeten
 
ik zeg 80% kans dat de laptop een andere resolutie heeft dan de computer ;)
 
Dit zou kunnen, alleen op de andere laptop ziet mijn site er in firefox wel goed uit, en in internet uitgerekt?!
 
wat is de hoogte en breedte van de site
gebruik je div of td
:) om het makkelijk te maken upload je code op het form
als je niet weet hoe dat moet reageer op de vraag en klik dat # logo aan :) zet daar de code in dan is het makkelijk te lezen en overzichtelijk
 
Hier is de code, ik gebruik div!


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!--Favicon-->
<link rel="icon" href="../images/favicon.ico" type="image/x-icon" / >
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" / >
<!--Favicon-->

<!-- Favicon -->
<link rel="shortcut icon" href="../images/favicon.ico"/>
<!-- End Favicon -->

<!-- Lightbox -->

<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>


<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />


<!-- end Lightbox -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Goodnight Ladies | Welkom op de website van theater en zang groep de Goodnight Ladies in Almen</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" type="text/css" href="../css/style_top_menu.css"/>
<script 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>
<style type="text/css">
body,td,th {
	font-family: "BIRTH OF A HERO";
}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>



<body class="dining-furniture" onload="MM_preloadImages('../images/Menu/homeroll.jpg','../images/Menu/overonsroll.jpg','../images/Menu/mediaroll.jpg','../images/Menu/agendaroll.jpg','../images/Menu/contactroll.jpg','../images/Menu/linksroll.jpg','../images/Mediabuttons/ytbuttonroll.png','../images/Mediabuttons/ttbuttunroll.png')">

<!-- Start outer-container">-->
<div id="outer-container">

    <!-- start header -->
    <div id="header">
   
    <div id="logo">
      <h1><a href="../index.html"><img src="../images/Backgroundheaders/Topheader.jpg" alt="" width="340" height="45" /></a></h1>
</div>
      <!-- End logo and strapline -->
      <!-- Top navigation -->
      <!-- End Top navigation -->
      <div id="mediabody"></div></div>
<div id="Navigationbar"><a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../images/Menu/homeroll.jpg',1)"><img src="../images/Menu/home.jpg" width="85" height="35" border="0" id="home" /></a><a href="../overons.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('overons','','../images/Menu/overonsroll.jpg',1)"><img src="../images/Menu/overons.jpg" width="130" height="35" border="0" id="overons" /></a><a href="../media.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','../images/Menu/mediaroll.jpg',1)"><img src="../images/Menu/media.jpg" width="85" height="35" border="0" id="media" /></a><a href="../agenda.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('agenda','','../images/Menu/agendaroll.jpg',1)"><img src="../images/Menu/agenda.jpg" width="110" height="35" border="0" id="agenda" /></a><a href="../contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../images/Menu/contactroll.jpg',1)"><img src="../images/Menu/contact.jpg" width="115" height="35" border="0" id="contact" /></a><a href="../links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('links','','../images/Menu/linksroll.jpg',1)"><img src="../images/Menu/links.jpg" width="85" height="35" border="0" id="links" /></a></div> 

<div id="youtubetwitter"><a href="http://www.youtube.com/gnladies" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('yt','','../images/Mediabuttons/ytbuttonroll.png',1)"><img src="../images/Mediabuttons/ytbutton.png" width="33" height="33" border="0" id="yt" /></a><a href="http://www.twitter.com/gnladies" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tt','','../images/Mediabuttons/ttbuttunroll.png',1)"><img src="../images/Mediabuttons/ttbutton.png" width="33" height="33" border="0" id="tt" /></a></div>
<!-- end header -->
  <div id="content-container">
    <div id="top-promo">
    		
      <!-- Slideshow -->
	  <div id="slideshow">
   		  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="580" height="215">
   		    <param name="movie" value="../flash/GNLflash.swf" />
   		    <param name="quality" value="high" />
   		    <param name="wmode" value="opaque" />
   		    <param name="swfversion" value="8" />
   		    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
   		    <param name="expressinstall" value="../Scripts/expressInstall.swf" />
   		    <param name="BGCOLOR" value="#000000" />
   		    <param name="SCALE" value="exactfit" />
   		    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
   		    <!--[if !IE]>-->
   		    <object type="application/x-shockwave-flash" data="../flash/GNLflash.swf" width="580" height="215">
   		      <!--<![endif]-->
   		      <param name="quality" value="high" />
   		      <param name="wmode" value="opaque" />
   		      <param name="swfversion" value="8" />
   		      <param name="expressinstall" value="../Scripts/expressInstall.swf" />
   		      <param name="BGCOLOR" value="#000000" />
   		      <param name="SCALE" value="exactfit" />
   		      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
   		      <div>
   		        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
   		        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
	          </div>
   		      <!--[if !IE]>-->
	        </object>
   		    <!--<![endif]-->
	      </object>
</div>
            <!-- Slideshow -->
    		
	    <!-- Caption --><!-- TemplateBeginEditable name="edit_agenda" -->
	    
	    <div id="top-promo-right">
	      <div id="rightpromoheader"><img src="../images/Backgroundheaders/agenda2.jpg" alt="" width="280" height="35" /></div>
	      <p><br />
          </p>
	      <div id="top-promo-right2">
	        <p>13 November @ Almen </p>
	        <p>14 November @ Almen </p>
	        <p>&nbsp;</p>
	        <p>&nbsp;</p>
	        <p>&nbsp;</p>
	        <h4><a href="agenda.html">meer...</a></h4>
          </div>
        </div>
    <!-- TemplateEndEditable --></div>
    	<!-- End Top promo --><!-- Start lower content areas -->
    	<div id="text-columns"><!-- Column 1 -->
    	  <!-- TemplateBeginEditable name="edit_tekstlinks1" -->
    	  <div id="text-column-1">
    	    <div id="welkomheader"><img src="../images/Backgroundheaders/welkomheader.jpg" alt="" width="580" height="35" /></div>
    	    <p>&nbsp;</p>
    	    <p>Welkom op de website van de Goodnight  Ladies uit Almen. <br />
    	      <br />
    	      De Goodnight ladies zijn een groep van negen enthousiaste zangeressen met  theaterlef. Ze zijn speels, ontroeren en er altijd op gericht om het publiek te ontmoeten.  De Goodnight Ladies zijn het Ultieme Cadeau. De groep treedt dan bij wijze van  cadeau op voor een jarige, bij een huwelijk, een afscheid of zo maar een  gelegenheid. Er wordt een lied op maat gemaakt met een passende theateract.</p>
    	    <p><a href="../overons.html">(over ons)</a></p>
  	    </div>
    	  <!-- TemplateEndEditable --><!-- TemplateBeginEditable name="edit_tekstrechts" -->
    	  <div id="text-column-2">
    	    <div id="loginheader"><img src="../images/Backgroundheaders/login.jpg" alt="" width="280" height="35" /></div>
    	    <p>&nbsp;</p>
    	    <table width="280" border="0" cellpadding="0">
    	      <tr>
    	        <td><div align="right">
    	          <form id="form1" method="post" action="">
    	            <p>
    	              <label for="naam2">Naam</label>
  	              </p>
  	            </form>
  	          </div></td>
    	        <td><div align="left">
    	          <input name="naam" type="text" id="naam2" size="25" />
  	          </div></td>
  	        </tr>
    	      <tr>
    	        <td><div align="right">
    	          <form id="form2" method="post" action="">
    	            <p>
    	              <label for="wachtwoord">Wachtwoord:</label>
  	              </p>
  	            </form>
  	          </div></td>
    	        <td><div align="left">
    	          <input name="wachtwoord" type="text" id="wachtwoord" size="25" />
  	          </div></td>
  	        </tr>
    	      <tr>
    	        <td><div align="right"></div></td>
    	        <td><div align="left">
    	          <form id="form3" method="post" action="">
    	            <p>
    	              <input type="submit" name="button" id="button" value="Login" />
  	              </p>
  	            </form>
  	          </div></td>
  	        </tr>
  	      </table>
    	    <p>&nbsp;</p>
    	    <p>&nbsp;</p>
    	    <p>&nbsp;</p>
  	    </div>
    	  <!-- TemplateEndEditable --></div>
    	<!-- End lower content areas -->
    	
    	<div class="clear"></div>
  </div>
    <!-- End Content areas -->
    
      
    
    <!-- Start footer -->
  <div id="footer">
    <p align="center">Designed by <a href="mailto:larslenselink@hotmail.com">lars lenselink</a> | Copy Right @ Goodnight Ladies 2010 | <a href="mailto:info@goodnightladies.nl">info@goodnightladies.nl</a><a href="mailto:jw.reezigt@planet.nl"></a></p>
    <p align="center"><a href="../index.html">Home</a> | <a href="../overons.html">Over Ons</a> | <a href="../media.html">Media</a> | <a href="../agenda.html">Agenda</a> | <a href="../contact.html">Contact</a> | <a href="../links.html">links</a></p>
</div>
    <!-- End footer -->
     
</div>
<!-- End outer container -->

<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
 
helaas kan ik je niet helpen :(
1. ik gebruik td en tr (zo kan je duidelijk zien dat de table een vaste hoogte en breedte heeft )
2. ik mis heel veel plaatjes dit toesturen zou heel veel tijd en moeite kosten
de code plaatsen helpt de volgende die een poging wil doen zowisow

suc6 :) bij deze neem ik afstand
 
Eerlijk gezegd heb ik een linkje nodig om te kijken wat er mis gaat!

Alleen aan de code zie ik niet wat er mis kan gaan.

Het kan aan de resolutie van het scherm liggen maar ook aan de versie van de browser die op de betreffende laptop/pc staat.

Als je dus even een linkje kan geven zal ik vanavond eens wat bekijken
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan