nicht angemeldet
Hi!
Ich bin dabei ein CSS Layout zu erstellen. Da ich noch nicht ganz genau weiss wie es werden soll, habe ich mir erstmal als Ziel gesetzt, die Seite http://movix.sourceforge.net sozusagen als CSS-Seite zu machen, da mir diese Kaesten an den Seiten sehr gefallen, so etwas aehnliches habe ich spaeter auch vor.
Also zum Ueben: Erstmal einen div-Container bauen der einem der Seitenkaesten gleicht. Ich schaetze mal wenn das komplett geschafft ist, ist das auch die halbe Miete.
Ich habe auch unverschaemter Weise zum Testen die Bilder von der Seite genommen, das wird natuerlich noch geaendert, nur dann sehe ich am ehesten wie es vergleichsweise aussieht.
Nun zu meinen Problemen, vorab einfach etwas Code:
Der HTML-Teil
<div id="container">
<div class="topleft"></div>
<div class="topmiddle"> </div>
<div class="topright"></div>
</div>
Der id=container soll den gesammten Kasten irgendwo hinsetzen, im ersten Testfalle wollte ich ihn 20% von jeder Seite weg haben und top einfach 50% erstmal, sieht dann so aus:
#container {
position: absolute;
top: 50%;
left: 20%;
right: 20%;
}
Dann sollen die beiden Boegen an der Seite am Rand sitzen, sind also fest 17x17 gross. Dazwischen soll dann "der Rest" dynamsich gefuellt werden. Da bin ich auf 3-Spaltiges Layout mit 2 fixen und einer Variablen Breite aufmerksam geworden auf http://www.glish.com/css/7.asp .
Allerdings is das mittlere div ein arges Problem bei mir.
Code dazu erstmal so:
.topright {
background-image: url(up-right.gif);
background-repeat: no-repeat;
height: 17px;
width: 17px;
position: absolute;
top: 0px;
right: 0px;
}
.topleft {
background-image: url(up-left.gif);
background-repeat: no-repeat;
position: absolute;
height: 17px;
width: 17px;
top: 0px;
left: 0px;
}
.topmiddle {
background-image: url(up.gif);
background-repeat: repeat-x;
margin-left: 17px;
margin-right: 17px;
}
Die Darstellung von .topmiddle wie gesagt klappt nicht bis unterschiedlich, besonders wenn kein Buchstabe darinsteht.
Wie ich nun weitere divs mache um Links Rand, Mitte Text, Rechts Rand zu haben da fehlt mir gerade jeglicher Ansatzpunkt.
Vielleicht mache ich ja ber auch Grundsaetzlich schon einen Denkfehler? Ich hoffe ich hab alles wichtige geschrieben, vielleicht weiss ja wer Rat, aber wie gesagt, es soll mit divs gehen, Bei Tabellen braeuchte ich ja nur kopieren, dass soll aber nicht das Ziel sein.
Vielen Dank schonmal, beste Gruesse
Nico