Guten Morgen,
ich habe schon nach anderen Beiträgen gesucht, die sich mit der Positionierung mittels CSS beschäftigen, aber irgendwie konnte ich mein Problem damit noch nicht lösen.
Ich möchte vermeiden, dass die Objekte auf meiner Seite verrutschen, sobald sich die Größe des Browserfensters ändert, aber ich bekomme es nicht hin. Es wäre klasse, wenn mir vielleicht jemand sagen könnte, was ich falsch mache.
Hier mein Quelltext der Seite:
<title>Unbenanntes Dokument</title>
<link href="coffee.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="willkommen"><img src="willkommen3.png" height="124" width="600" /></div>
<div id="navi">
<a href="#">Home</a><br /><br />
<a href="#">Spezialitäten</a><br /><br>
<a href="#">Galerie</a><br /><br />
<a href="#">Team</a><br /><br />
<a href="#">Anfahrt</a><br /><br />
<a href="#">Über uns</a><br /><br />
<a href="#">Kontakt</a><br /><br />
<a href="#">Impressum</a></div>
<div id="bohnen">
<img src="bohnen.gif" width="120" height="800" class="bohnen"/></div>
<div id="tasse">
<img src="logo_gross.png" height="633" width="500"/></div>
<div id="content"><p align="justify">Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch. Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. Man wühlt in den Gummibärchen, man fühlt sie. Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi. Die Tastempfindung geht auch ins Sexuelle. Das bedeutet nicht unbedingt, daß das Verhältnis zum Gummibärchen ein geschlechtliches wäre, denn prinzipiell sind diese geschlechtsneutral. Nun sind Gummibärchen weder wabbelig noch zäh; sie stehen genau an der Grenze. Auch das macht sie spannend. Gummibärchen sind auf eine aufreizende Art weich. Und da sie weich sind, kann man sie auch ziehen. Ich mache das sehr gerne. Ich sitze im dunklen Kino und ziehe meine Gummibärchen in die Länge, ganz ganz langsam. Man will sie nicht kaputtmachen, und dann siegt doch die Neugier, wieviel Zug so ein Bärchen aushält. (Vorstellbar sind u.a. Gummibärchen-Expander für Kinder und Genesende). Forscherdrang und gleichzeitig das Böse im Menschen erreichen den Climax, wenn sich die Mitte des gezerrten Bärchens von Millionen Mikrorissen weiß färbt und gleich darauf das zweigeteilte Stück auf die Finger zurückschnappt. Man hat ein Gefühl der Macht über das hilflose, nette Gummibärchen. Und wie man damit umgeht: Mensch erkenne dich selbst! Jetzt ist es so, daß Gummibärchen ja nicht gleich Gummibärchen ist. Ich bevorzuge das klassische Gummibärchen, künstlich gefärbt und aromatisiert. Mag sein, daß es eine Sentimentalität ist.</p>
<br />
<img src="coffee1.jpg" width="140" height="70" /> <img src="coffee2.jpg" height="70" width="140" /> <img src="coffee3.jpg" height="70" width="140" /> <img src="coffee1.jpg" width="140" height="70" /> <img src="coffee2.jpg" height="70" width="140" /> <img src="coffee3.jpg" height="70" width="140" /><br />
<br />
<p align="justify">Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch. Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. Man wühlt in den Gummibärchen, man fühlt sie. Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi. Die Tastempfindung geht auch ins Sexuelle. Das bedeutet nicht unbedingt, daß das Verhältnis zum Gummibärchen ein geschlechtliches wäre, denn prinzipiell sind diese geschlechtsneutral. Nun sind Gummibärchen weder wabbelig noch zäh; sie stehen genau an der Grenze. Auch das macht sie spannend. Gummibärchen sind auf eine aufreizende Art weich. Und da sie weich sind, kann man sie auch ziehen. Ich mache das sehr gerne. Ich sitze im dunklen Kino und ziehe meine Gummibärchen in die Länge, ganz ganz langsam. Man will sie nicht kaputtmachen, und dann siegt doch die Neugier, wieviel Zug so ein Bärchen aushält. (Vorstellbar sind u.a. Gummibärchen-Expander für Kinder und Genesende). Forscherdrang und gleichzeitig das Böse im Menschen erreichen den Climax, wenn sich die Mitte des gezerrten Bärchens von Millionen Mikrorissen weiß färbt und gleich darauf das zweigeteilte Stück auf die Finger zurückschnappt. Man hat ein Gefühl der Macht über das hilflose, nette Gummibärchen. Und wie man damit umgeht: Mensch erkenne dich selbst! Jetzt ist es so, daß Gummibärchen ja nicht gleich Gummibärchen ist. Ich bevorzuge das klassische Gummibärchen, künstlich gefärbt und aromatisiert. Mag sein, daß es eine Sentimentalität ist.</p>
</div>
</body>
Und hier die CSS dazu:
body {
background-image: url(bg.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
background-color: #8f613d;
width:800px;
margin:0;
}
#navi {
background-color: #562803;
padding: 10px;
left: 100px;
top: 180px;
position: fixed;
width: 150px;
z-index:50;
border: thin solid #8f613d;
}
#navi a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
color: #8f613d;
text-decoration: none;
}
#navi a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
color: #8f613d;
text-decoration: none;
}
#navi a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#562803;
background: #8f613d;
}
#bohnen {
left:0px;
top:100px;
position:absolute;
}
#tasse {
width:50%;
height:100%;
top:40%;
left:40%;
position:fixed;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #562803;
text-decoration: none;
}
#content {
width:70%;
left: 300px;
top: 240px;
position:absolute;
}
#willkommen {
width:70%;
left:30%;
top:100px;
position:fixed;
}
Ich kämpfe da jetzt schon seit zwei Tagen mit und werde fast wahnsinnig... :-) Vielleicht kann mir ja jemand einen Tipp geben...
Vielen Dank :-)
Schalleen
