Dreamweaver seite funktioniert nur in Firefox nicht in Safari

Keineandere · 22.06.2013

Hallo,
Ich muss grade für die uni ne Webseite machen, hab aber das Problem das meine Webseite in Firefox komplett so funktioniert wie ich das will aber jetzt hab ich die im Safari geöffnet und da ist dann auf einmal nur noch der Text. Hintergrund Schrift und header ist alles weg und falsch.

Habe auch ein Video eingebunden das spielt aber komischerweise nur safari ab und nicht firefox. Ich verzweifle grade total und das ist die erste Webseite die ich je gemacht habe.

Würde mich schrecklich über eine Lösung freuen.

Der_Morph · 22.06.2013

AW: Dreamweaver seite funktioniert nur in Firefox nicht in Safari

Da haben wir ein kleines Problem. Die Frage ist etwa so leicht zu beantworten, wie "Mein Auto fährt mal und mal nicht. Warum?". Um die Antwort zu geben, müsste man mal unter die Haube schauen.

dagdavincy · 22.06.2013

AW: Dreamweaver seite funktioniert nur in Firefox nicht in Safari

Naja, das ist nichts Neues. Hat auch mit Dreamwver nix zu tun.
Gut, wenn Deine Site schonmal in FF sauber kommt.
Die anderen Browser haben jeweils eigene Mucken. Das verlangt kleine Ergänzungen im CSS.
Ob es hier ein Tut dazu gibt - weiß ich jetzt nicht. Nur wer sucht kann finden. Aber wenn jemand helfen soll, solltest Du das Script mal hier hochladen.

Beste Grüße

cythux · 22.06.2013

AW: Dreamweaver seite funktioniert nur in Firefox nicht in Safari

Du brauchst diese sogenannten vendor prefixe.

http://css-snippets.com/browser-prefix/
http://peter.sh/experiments/vendor-prefixed-css-property-overview/

hier ist ein script http://leaverou.github.io/prefixfree/

Keineandere · 22.06.2013

AW: Dreamweaver seite funktioniert nur in Firefox nicht in Safari

hier die css:
@charset "UTF-8";
/* CSS Document */

body {
background:#CBBD89;
font-family:"Times New Roman", Times, serif;
font-size:13px;
}

#design {
background:#CBBD89;
width: 860px;
height: auto;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
font-size:14px;
position:absolute;
}

#header {
width:860px;
height:346px;
margin-top:5px;
background-image:url(../Bilder/logo.png);
}

#navigation {
background:#CBBD89;
width:860;
height:auto;
margin-top: 100px;
text-align:center;
font-size:24px;
font:"Can't write quickly in winter";

}

#navigation a {
font-size:24px;
color:#421817;
text-decoration:none;
}

#navigation a:hover {
color:#C6E0DF;
text-decoration:none;
}

#content {
padding: 15px;
font-size:14px;
font-family:"Times New Roman", Times, serif, "Can't write quickly in winter";
text-align:center;
color:#421817;
}

#contect {
font-size:14px;
font-family:Verdana, Geneva, sans-serif," Can't write quickly in winter";
color:#421817;
text-align:center;
}

#area {
text-align:center;
width:500px;
height:300px;
}

#h1 {
font-size:100px;
}

#p {
font-size:14px;
font-weight:lighter;
}

<!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=UTF-8" />
<link href="tamplate/style.css" type="text/css" media="all" rel="stylesheet" />
<title>Graphics</title>
</head>

<body>

<div id="design">
<div id="header"> </div>
<div id="navigation">
<a href="Index2.html"> WELCOME . </a>
<a href="pictures.html">PICTURES . </a>
<a href="graphics.html">GRAPHICS . </a>
<a href="intouch.html">GET IN TOUCH .</a>
</div>
<div id="content">
<div id="h1">GRAPHICS<h1/><div/>
<div id="p"> <img src="Bilder/bild05.JPG" alt="image"/> <br/> <br/>
This is Cover for a Led Zeppelin Coverband and it is also the Grafik of th movie trailer.
<br/>
<br/>
<img src="Bilder/bild06.png" alt="image"/>
<br/>
<br/>
This is an information graphic about my time management.
</div>
</div>
</div>
</body>
</html>

und hier die html:

cythux · 22.06.2013

AW: Dreamweaver seite funktioniert nur in Firefox nicht in Safari

Hier lagen fehler vor

Code:

#contect -> ändern in #content
tamplate/style.css -> ändern in template/style.css

Getestet in IE10 und Chrome
habe im moment noch kein FF drauf

Hier der HTML CODE

Code:

<!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=UTF-8" />
	<link href="../website/style.css" type="text/css" media="all" rel="stylesheet" /> <!-- ../website/style.css - nur damit der die style.css bei mir findet -->
	<title>Graphics</title>
</head>

<body>

<div id="design"> 
<div id="header"> </div>
<div id="navigation"> 
<a href="Index2.html"> WELCOME . </a>
<a href="pictures.html">PICTURES . </a>
<a href="graphics.html">GRAPHICS . </a>
<a href="intouch.html">GET IN TOUCH .</a>
</div>
<div id="content">
<div id="h1">GRAPHICS<h1/><div/>
<div id="p"> <img src="Bilder/bild05.JPG" alt="image"/> <br/> <br/>
This is Cover for a Led Zeppelin Coverband and it is also the Grafik of th movie trailer.
<br/>	
<br/>
<img src="Bilder/bild06.png" alt="image"/> 
<br/>
<br/>
This is an information graphic about my time management. 
</div>
</div>
</div>
</body>
</html>

hier der CSS Code

Code:

body {
	background:#CBBD89;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
}

#design {
	background:#CBBD89;
	width: 860px;
	height: auto;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	position:absolute;
}

#header {
	width:860px;
	height:346px;
	margin-top:5px;
	background-image:url(../Bilder/logo.png);
}

#navigation {
	background:#CBBD89;
	width:860;
	height:auto;
	margin-top: 100px;
	text-align:center;
	font-size:24px;
	font:"Can't write quickly in winter";

}

#navigation a {
	font-size:24px;
	color:#421817;
	text-decoration:none;
}

#navigation a:hover {
	color:#C6E0DF;
	text-decoration:none;
}

#content {
	padding: 15px;
	font-size:14px;
	font-family:"Times New Roman", Times, serif, "Can't write quickly in winter";
	text-align:center;
	color:#421817;
}

#content {
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif," Can't write quickly in winter";
	color:#421817;
	text-align:center;	
}

#area {
	text-align:center;
	width:500px;
	height:300px;
}

#h1 {
	font-size:100px;
}

#p {
	font-size:14px;
	font-weight:lighter;
}

Keineandere · 22.06.2013

AW: Dreamweaver seite funktioniert nur in Firefox nicht in Safari

Danke du bist der beste

du hast eine studentin heute sehr glücklich gemacht