19.04.2024, 19:01
Sprache ändern
Registrieren
Anmelden
Sie sind nicht angemeldet.
Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.
- 1
- 2
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
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
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
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