31.10.2025, 17:43
Sprache ändern
Registrieren
Anmelden
Du bist nicht angemeldet.
- 1
- 2
Jogibaer_Nr1
God
Re: CSS Layout erstellen
Freitag, 4. Mai 2007, 22:20
nimm das programm hier: http://www.nvu-composer.de/
und lade dir Vorlagen runter, habe ich auch gemacht: http://www.oswd.org/
Da ist bestimmt auch eine dabei die deinen Wünschen entspricht. Mithilfe von NVU kannst du außerdem die Werte der Header usw. nachvollziehen und in der css Datei deinen Wünschen entsprechend anpassen....und man lernt gleichzeitig ein bissl
und lade dir Vorlagen runter, habe ich auch gemacht: http://www.oswd.org/
Da ist bestimmt auch eine dabei die deinen Wünschen entspricht. Mithilfe von NVU kannst du außerdem die Werte der Header usw. nachvollziehen und in der css Datei deinen Wünschen entsprechend anpassen....und man lernt gleichzeitig ein bissl
Zen
Full Member
Re: CSS Layout erstellen
Samstag, 5. Mai 2007, 13:30
Du musst der linken/rechten Spalte einen Festen wert geben. Des weiteren ist die Höhe der oberen 3 Boxen vom Inhalt abhängig. Oder du machst da einen festen Höhenwert. Min-height würde glaube ich hier passen, wird aber nicht vom IE6 unterstützt. Bin mir gerade nicht sicher ob es einen Browserhack dafür gibt 
MfG Zen
MfG Zen
Zen
Full Member
Re: CSS Layout erstellen
Samstag, 5. Mai 2007, 13:49
Natürlich ist es einfach. Alles eine Frage der Übung und Ausdauer.
@speedy909
Wenn die mehr mit CSS machen willst empfehle ich dir das Buch hier: http://little-boxes.de/
Ansonsten ist hier mal der Code:
Viel Spaß damit
MfG Zen
@speedy909
Wenn die mehr mit CSS machen willst empfehle ich dir das Buch hier: http://little-boxes.de/
Ansonsten ist hier mal der Code:
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>speedy909</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
<!--
#wrapper{
width: 800px;
/* Habs dir noch zentriert */
margin: 0 auto;
}
#linkespalte, #mittlerespalte, #rechtespalte{
float: left;
height: 280px;
}
#linkespalte, #rechtespalte{
width: 15%;
}
#mittlerespalte{
width: 70%;
}
#footer{
clear: both;
height: 20px;
}
/* Farben zum gugn*/
#linkespalte{ background-color: blue; }
#mittlerespalte{ background-color: #FFA500; }
#rechtespalte{ background-color: green; }
#footer{ background-color: silver; }
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="linkespalte">#linkespalte</div>
<div id="mittlerespalte">#mittlerespalte</div>
<div id="rechtespalte">#rechtespalte</div>
<div id="footer">#footer</div>
</div>
</body>
</html>
|
Viel Spaß damit
MfG Zen
Zen
Full Member
Re: CSS Layout erstellen
Samstag, 5. Mai 2007, 14:36
Zitat von »speedy909«
@ Zen:
danke, das sieht ja schon wunderbar aus; (ungefähr soweit bin ich auch schon gekommen)
nur, wie kann ich das mit der linken und rechten seite wie vorher beschrieben regeln?
Das geht meines wissens (noch) nicht. Du musst dafür feste Werte angeben.
und ja, ich will mich auch weiterhin mit css beschäftigen (nur muss es momentan bei den grundlagen bleiben) da ich mich derzeit intensiv mit PHP und MYSQL beschäftige
Dann ist das Buch trotzdem genau das richtige für dich. Es gibt sowieso keinen Grund das nicht zu kaufen
;D
siehe sig ;D
Ja mei. Gibt halt sonst nichts in der richtigung das ausreichend auf DEUTSCH dokumentiert ist... Wo sollte ich den z.B. Hilfe für Python finden wenn ich mal stecken bleibe... (mal abgesehen vom herrn Y0gi)
MfG Zen
- 1
- 2