• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS greift nicht im HTML Dokument

A

AxelFoley

Neues Mitglied
Hallo zusammen,

ich habe ein HTML file und ein CSS File. Im HTML File habe ich den Verweis auf das CSS Sheet geschrieben.
Lasse ich mir nun die Seite im Browser anzeigen, sehe ich nichts von meinem CSS :-(

Leider finde ich den Fehler nicht, aber vlt. kann mir ja jmd. von Euch helfen.

Danke!

HTML: 
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Einsendeaufgabe</title>
<link href="css-aufgabe.css" rel="sytlesheet" type="text/css">
</head>

<body>
<div id="holder">
<h1>CSS Einsendeaufgabe</h1>
<div id="nav">
    <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    </ul>
</div>
<div id="content">
    <p class="grosstext">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
       eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
       voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita 
       kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </p>
    <p class="kleintext">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
       eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
       voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita 
       kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </p>
</div>
<div class="brclear"></div>
</div>
</body>
</html>

Code: 
@charset "utf-8";
body {
    font: 100% Verdana, Geneva, sans-serif;
    color: #000000;
    background: #6CF;
    margin: 0px;
    padding: 0px;
}
#holder {    
    width: 760px;
    background: #6F3;
    margin: 0 auto 0 auto;
}
 
Werbung:
hmpf, wie einfach :-) Danke Dir. Eine weiter Frage hätte ich noch:

Ich habe ja im CSS-Sheet bei der div holder:

margin: 0 auto 0 auto;

Heißt ja, Abstand nach oben = 0, Abstand recht = auto, Abstand unten = 0 und Abstand links = auto.

Wenn ich es mir nun im Browser anschaue, habe ich zwischen meiner Grünen Box (Holder) noch einen Abstand nach oben.

Kann mir evt. jmd. helfen und mitteilen, wo der Abstand nun herkommt?

Danke.
 
Werbung:
Hallo,

der Abstand kommt von der h1-Überschrift "CSS-Einsendeaufgabe".

Da du der kein margin mit auf den Weg gegeben hast wird vom Browser ein Standard-margin hinzugefügt. Wenn du der css-Datei

Code: 
h1 {
    margin-top: 0;
}

hinzufügst meldet sich der Abstand ab.

Gruss

MrMurphy
 
Funzt, nur kapieren tu ich es nicht. Ich habe ja die h1 Überschrift ja in meinem Containter <div id="content">. Für diesen Container habe ich ja margin: 0 165px 0 0; geschrieben. Des Weiteren liegt dieser Container wieder im Container <div id="holder">, für den ja margin: 0 auto 0 auto; gilt. Trotzdem Danke für die Antwort :-)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben