XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Page im Dreamweaver ok, im Browser fehlt die Hälfte vom css: Hilfe! (http://xhtmlforum.de/showthread.php?t=67939)

berndbauer 09.08.2012 20:26

Page im Dreamweaver ok, im Browser fehlt die Hälfte vom css: Hilfe!
 
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 09.08.2012 21: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 09.08.2012 21: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.. :roll:

schatzi 09.08.2012 21: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 09.08.2012 21: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 10.08.2012 00:31

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

dankschön.

Praktikant 10.08.2012 09: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?


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:36 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023