nicht angemeldet
Hey miteinander!
Erstens: Ich bin blutiger Anfänger und das hier wird mein erstes CSS-Layout. Also Gnade bitte! ;)
Das Problem: Die beiden Divs .navigation und .content werden einfach nicht nebeneinander angezeigt, sondern, hässlicherweise, untereinander und ich komm einfach nicht drauf, was ich falsch mache. *seufz*
hier der html-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>a nightmare before art</title>
<meta http-equiv="language" content="de">
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
<meta name="title" content="~ nightmare before art ~">
<meta name="author" content="Carmen Kratzer">
<meta name="page-topic" content="Private Homepage">
<meta name="robots" content="index,nofollow">
<link rel=stylesheet type="text/css" href="ansmeer.css">
</head>
<body>
<a name="top"></a>
<div class="box">
<div class="content">
<h1>Prolog</h1>
Die Unvollendete.
Denn ich liebe die Kunst. Ich liebe zu Leben. Endlich.
Viel Vergnügen und/oder ausgiebigen Brechreiz wünscht
C.
</div>
<div class="navigation"><img src="images/navi.jpg"></div>
</div>
<div class="footer">© cagedfreedom 2005-2007</div>
</body>
</html>
Und hier das dazugehörige CSS-Sheet:
div, td {
color: #808080;
font: 8pt/1.5em Tahoma, Verdana, sans-serif;
}
/* Body-Style */
body {
background: #333;
margin-top: 10px;
text-align: center;
}
/* Spezielle Div- und Span-Styles */
.box {
visibility: visible;
background: #262626;
margin: auto;
width: 600px;
}
.content {
padding: 20px 50px 20px 50px;
margin-right: 160px;
text-align: justify;
}
.footer {
margin-top: 5px;
text-align: center;
letter-spacing: 0.2em;
}
.navigation {
background-image: images/bg.jpg;
padding: 0px;
margin: 0px 0px 0px 440px;
}
h1 {
color: #808080;
font: bold 10pt Tahoma, Verdana, sans-serif;
letter-spacing: 0.2em;
margin: 15px 0 10px 25px;
padding: 0;
text-align: left;
}
Und zuguterletzt, das mich zum Wahnsinn treibende Resultat: http://www.cagedfreedom.com/test/
Jemand da, der helfen kann? *liebschau*
Vielen Dank im Voraus ;)
Carmen.