Page im Dreamweaver ok, im Browser fehlt die Hälfte vom css: Hilfe!

berndbauer · #1 (**permalink**) 09.08.2012, 19:26

Hi,

Habe im Dreamweaver (Adobe) eine einfache Seite zusammengebaut und es funst auch alles. Schaut man sich die Page über einen Browser an, werden nur ein paar CSS-Regeln verwendet (z.B. background und header). Alles was main und nav betrifft bleibt unbeachtet.

Besten Dank.

Bernd

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Homepage Franz SchÃ¼nzel</title>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="nav">   
    <p><a href="start.html" >Start</a></p>
    <p><a href="unterricht.html" >Unterricht</a></p>
    <p><a href="uebermich.html" >Ãœber Mich</a></p>
    <p><a href="kontakt.html" >Kontakt</a></p>
</div>
<div id="main">

    <h1><img src="Bilder/scharsky.jpg" width="95" height="142"  alt="Emilia Scharsky" align="right" vspace="30" hspace="34" /> </h1>
    </h1>
    <ul>
      <li>1990-99 BlockflÃ¶tenunterricht am Robert-Schumann-Konservatorium Zwickau, sowie Violoncello-, Klavier- und 					  	   Gesangsunterricht </li>
      <li>1999-2001 BlockflÃ¶tenunterricht bei Regine HÃ¤uÃŸler in Leipzig </li>
      <li>2001-2008 Diplomstudiuim Studiengang Alte Musik/BlockflÃ¶te bei Prof. Robert Ehrlich und Antje Hensel an der 										
        Hochschule fÃ¼r Musik und Theater "Felix Mendelssohn Bartholdy" Leipzig </li>
      <li>ab 2004 Nebenfach Viola da Gamba bei Rebeka Ruso und Irene Klein,
        Meisterkurse mit Maurice van Lieshout und Nikolaj Ronimus
        Konzerte u.a. mit amici musicae und Capella Fidicinia Leipzig </li>
      <li>2002-2004 Lehrkraft am Konservatorium "Georg Friedrich HÃ¤ndel" Halle</li>
      <li>2008-2010 Lehrkraft Musikverein Brandis e.V.</li>
      <li>seit 2010 Lehrkraft an der Musikschule "Gottfried Kirchhoff" Bitterfeld-Wolfen </li>
    </ul>
  </div>
  <footer>
    <p>@ Emilia Scharsky</p>
  </footer>
</div>
</body>
</html>

Code:

@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(Bilder/Back.jpg);
	background-image:
	font-family:Arial, Helvetica, sans-serif;
	color:#000
	font-size:13px;
}

#container {
	width: 687px;
	margin: 0 auto;
	background-color:#fff;
	
}

#header {
	background-image:url(Bilder/backheader.jpg); position: center;
	height:102px; 
	width:687px;
	img {margin: 0px auto;
}


#nav (
	background-color: #fff;
	width: 140px;
	height: 700 px;
	float:right;
}

#nav ul {
	text-decoration:none
}

#nav li { 	
	margin-bottom: 10px;
}

#nav a:link {color: #000;
text-decoration:none;
}

#nav a:hover,a:active{color:#063
}


#main {
	background-color:#C0CC92;
	width: 547px;
	
}

li,p  {
	margin-bottom: 10px;
	padding: 10px;s
}


#footer {
	text-align:center;
	
}
#container #nav p a strong {
	font-family: Verdana, Geneva, sans-serif;
}
#container #nav p a strong {
	font-family: Arial, Helvetica, sans-serif;
}
#container #nav p a strong {
	font-family: Verdana, Geneva, sans-serif;
}
#container #nav p strong a {
	font-family: Verdana, Geneva, sans-serif;
}

schatzi · #2 (**permalink**) 09.08.2012, 20:14

Hallo!

Zumindest hier stimmt irgendwas nicht:

#header {
background-image:url(Bilder/backheader.jpg); position: center;
height:102px;
width:687px;
img {margin: 0px auto;
}

berndbauer · #3 (**permalink**) 09.08.2012, 20:22

oh ja, stimmt. "img {margin: 0px auto;" kann weg.
ich hab mir meine seite jetzt mal über firebug angeschaut, da sieht das CSS so aus:

Code:

@charset "UTF-8";
body {
    background-image: url("Bilder/Back.jpg");
}
#container {
    background-color: #FFFFFF;
    margin: 0 auto;
    width: 687px;
}
#header {
    background-image: url("Bilder/backheader.jpg");
    height: 102px;
    width: 687px;
}

der rest taucht garnicht erst mit auf, warum auch immer..

schatzi · #4 (**permalink**) 09.08.2012, 20:32

Hallo!

Also läuft die CSS genau bis zum Fehler...

Ich bau das jetzt nicht nach, aber:
Du hast insgesamt DREI verschiedene DOCTYPEs drin; das ist bestimmt nicht im Sinne des Erfinders...
Die Navi solltest du auch lieber als Liste aufbauen.

gato · #5 (**permalink**) 09.08.2012, 20:41

Nach dem Selektor #nav steht bei dir eine runde Klammer, da gehört aber eine geschweifte Klammer hin.

Deine Quelltexte enthalten mehrere für's Auge offensichtliche Fehler. Warum hast du nicht die Validatoren eingesetzt, wie es in den Hinweisen für Fragende gefordert wird?

berndbauer · #6 (**permalink**) 09.08.2012, 23:31

sorry meiner, hab´s versucht zu validieren, aber die daten sind ja noch nicht im netz, sondern nur auf der festplatte - gehts trotzdem?

dankschön.

Praktikant · #7 (**permalink**) 10.08.2012, 08:53

Ja, das geht über eine direkte Eingabe auch, wenn die Seite noch nicht im World Wide Web ist.
Allerdings kannst du auch alternativ eine Freehoster einsetzen und dort deine Seite zur Verfügung stellen.

Der Dritte deiner drei angegebenen DocTypes reicht aus. Die beiden anderen solltest du unbedingt löschen. Warum gibst du überhaupt drei DocTypes an?

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Hilfe bei CSS Desing Umsetzung.	Frosti1986	CSS	7	27.02.2010 13:08
absoluter css neuling braucht hilfe wegen bullets	ben2308	CSS	10	02.08.2009 12:45
Hilfe bei gesamten CSS Layout	mexxat	CSS	0	22.08.2007 13:40
Div + css in jedem Browser anders	Skittles	CSS	5	29.06.2004 22:59
ältere browser und css?	Gilbert	CSS	1	04.10.2003 14:22