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

Positionierung von Texten

Daimond

Neues Mitglied
Guten Tag,
für die Schule muss ich eine Webseite erstellen mit Hilfe von html/css. Mit css komm ich nicht klar und versuche 3 Text mit Hilfe von css zu Platzieren. Leider wird mir nur ein Text angezeigt. Fürn kleinen Denkanstoß wäre ich dankbar.
Hier das wichtigste aus der HTML-Datei:
[HTML<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body text="#000000" bgcolor="#FFFFFF"
<div id="Top"> Mein erster Test </div>
<div id="Sidebar"> Mein zweiter Test </div>
<div id="Mid"> Mein dritter Test </div>
</body>
</html>][/HTML]
Hier die CSS-Datei:
Code:
#Top {
border-color: #d5c99f;
border-style: solid;
border-width: 100px;
border-height: 100px;
height: 100px;
width: 100px;
margin: auto;
position: absolute;
border-size: 1;
}


#Sidebar {
border-color: #d5c99f;
border-style: solid;
border-width: 200px;
border-height: 200px;
height: 200px;
width: 200px;
margin: auto;
position: absolute;
border-size: 1;
}
#Mid {
border-color: #d5c99f;
border-style: solid;
border-width: 300px;
border-height: 300px;
height: 300px;
width: 300px;
margin: auto;
position: absolute;
border-size: 1;
}
 
Denkanstoß 1: Dein HTML-Code ist fehlerhaft. Der body-Tag ist nicht geschlossen und der title fehlt.

Denkanstoß 2: Verzichte auf absolute Positionierung. Gerade für Einsteiger erscheint es oft einfacher, ist aber die Ursache allen Übels und jeder Verzweiflung. Du platzierst keine Elemente per CSS sondern Du gestaltest sie.
 
Zurück
Oben