Problem mit Webseite im Browser

M

MasterDP23

Mitglied
Hi liebe CSS Gemeinde,
ich hab ein Problem mit meiner Webseite.
Wenn ich im Dreamweaver 8 eine Seite erstellt habe (ich arbeite viel mit <div, also den Layern) und diese in einem beliebigem Browser öffne, wird die Seite immer anders dagestellt.

Was kann ich dagegen machen, dass das nicht mehr so ist?

Wäre sehr nett wenn Ihr mir helfen könntet.

Vielen Dank für Eure Mühe und Zeit.

Mfg

Dom
 
Moin,

kannst du bitte mal ein Beispiel (Quellcode oder Link) für solch eine Seite zeigen?

mfg Maik
 
Der code sammt CSS: :-)


PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body{
	background-color: #FFFFFF;
	background-image: url(Bilddatein/back.jpg);
	background-repeat: repeat-x;
}
ul#menu {
	list-style-type: none;
}
ul#menu li {
	text-align: center;
	display: block;
	float: left;
	width: 100px;
	
}

ul#menu li a {
	font-family: Calibri;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-dekoration: none;
	background-image: url(Bilddatein/Button.jpg);
	background-repeat: repeat-x;
	dispaly: block;
	height: auto;
	display: block;
	clear: left;
	text-decoration: none;
	text-align: center;
	border-right-style: none;
	border-bottom-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-left-style: solid;
}
ul#menu li a:hover {
	color: #000000;
	background-image: url(Bilddatein/buttong.jpg);
	background-repeat: repeat-x;
	height: 15px;
}
.clearfix {
	clear: both;
}
#Layer1 {
	position:absolute;
	left:108px;
	top:21px;
	width:794px;
	height:591px;
	z-index:1;
	background-color: #FFFFFF;
	border: thin groove #A0A0A4;
	background-image: url(Bilddatein/Back2.jpg);
	background-repeat: repeat;
}
#Layer2 {
	position:absolute;
	left:303px;
	top:155px;
	width:327px;
	height:318px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:464px;
	top:21px;
	width:451px;
	height:100px;
	z-index:3;
}
#Layer4 {
	position:absolute;
	left:329px;
	top:588px;
	width:578px;
	height:29px;
	z-index:4;
}
.style1 {
	font-family: Calibri;
	color: #FFFFFF;
}
#Layer5 {
	position:absolute;
	left:108px;
	top:636px;
	width:797px;
	height:40px;
	z-index:5;
	border: thin groove #A0A0A4;
}
.style10 {font-size: 12px;
	font-family: Calibri;
	font-weight: bold;
	color: #000000;
}
#Layer6 {
	position:absolute;
	left:121px;
	top:155px;
	width:171px;
	height:326px;
	z-index:6;
	border: 1px solid #A0A0A4;
	overflow: auto;
}
#Layer7 {
	position:absolute;
	left:718px;
	top:154px;
	width:177px;
	height:328px;
	z-index:7;
	border: 1px solid #A0A0A4;
}
.style11 {font-family: Calibri}
.style12 {clear: both; font-weight: bold; }
.style13 {font-size: 14px}
.style14 {font-family: Calibri; font-size: 14px; }
.style15 {
	font-size: 16px;
	font-weight: bold;
}
.style16 {font-size: 16px; font-weight: bold; font-family: Calibri; }
-->
</style>
<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>
</head>

<body onload="MM_preloadImages('Bilddatein/001_13.gif','Bilddatein/001_55.gif','Bilddatein/001_30.gif')">
<div id="Layer1">
  <p><img src="Bilddatein/head.jpg" width="795" height="102" /></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><br><br><br>
    <img src="Bilddatein/Deko_boden.gif" width="796" height="99" />  </p>
</div>
<div id="Layer2">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="325" class="clearfix">
    <param name="flash_component" value="ImageViewer.swc" />
    <param name="movie" value="Bilddatein/viewer.swf" />
    <param name="quality" value="high" />
    <param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:false,frameShow:true,slideDelay:5,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Rotate',titleColor:#333333,slideAutoPlay:true,imageURLs:['Bilddatein/back.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#A0A0A4,bgColor:#A0A0A4,imageCaptions:[]}" /><param name="BGCOLOR" value="#A0A0A4" />
    <embed src="Bilddatein/viewer.swf" width="400" height="325" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:false,frameShow:true,slideDelay:5,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Rotate',titleColor:#333333,slideAutoPlay:true,imageURLs:['Bilddatein/back.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#A0A0A4,bgColor:#A0A0A4,imageCaptions:[]}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#A0A0A4"> </embed>
  </object>
</div>
<div class="clearfix" id="Layer3">
  <div id="mymenu">
    <ul id="menu">
      <li><a href="home.php">Home</a></li>
      <li><a href="About.php" class="aktuell">About</a></li>
      <li><a href="home.php">home</a></li>
	  <li><a href="About.php">about</a></li>
    </ul>
    <div class="clearfix"></div>
  </div>
  <p>&nbsp;</p>
  <p align="center"> <?php

echo date("j-M-Y, l");

?> </p>
</div>
<div id="Layer4">
  <div align="right"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','Bilddatein/001_13.gif',1)"><img src="Bilddatein/001_12.gif" name="Image3" width="24" height="24" border="0" id="Image3" /></a><span class="style1">Kontakt</span> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Bilddatein/001_55.gif',1)"><img src="Bilddatein/001_54.gif" name="Image4" width="24" height="24" border="0" id="Image4" /></a><span class="style1">Impressum</span> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','Bilddatein/001_30.gif',1)"><img src="Bilddatein/001_11.gif" name="Image5" width="24" height="24" border="0" id="Image5" /></a><span class="style1">AGB</span></div>
</div>

<div class="clearfix" id="Layer6">
  <p><span class="style11"><span class="style13"><span class="style15">Willkommen</span> bei,</span></span></p>
  <p class="style14"> </p>
  <p class="style14"></p>
</div>
<div class="style12" id="Layer7">
  <p class="style16"> </p>
  <p class="style14">-Gebiet</p>
  <p class="style14">-Gebiet</p>
  <p class="style14">-Gebiet</p>
  <p class="style14">-Gebiet</p>
  <p class="style14">-Gebiet</p>
</div>
</body>
</html>


Mfg

Dom
 
Und was wird hier in den Browsern anders / falsch dargestellt, wie in Dreamweaver?

Kannst du mal zum Vergleich einen DW-Screenshot anhängen?

mfg Maik
 
Hi,
die Hochladfunktion will meine Datei nicht.

Ich versuchs dir einfach mal so zu erklären.
Wenn ich die Sachen im Dream. erstelle sind sie zum einen kleiner.
Sobald ich diese dann im IE Browser mir ansehe, sind alle schriften größer und die <div sind dann ein gutes Stück nach unten verrutscht.
Ein ähnliches Bild bietet der FF Browser. In diesem sind die Schriften zwar richtig aber die Layer sind auch mal wieder wo anders.

Ich versuch das ganze noch mal mit dem hochladen.

Mfg

Domi
 
Hast du nach dem Hochladen der Dateien deinen Browsercache geleert, und danach die Seite erneut aufgerufen? Gut möglich, dass der Browser noch die alten Dateien aus seinem Cache lädt.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück