• 16.07.2025, 06:34
  • Register
  • Login
  • You are not logged in.

 

Dear visitor, welcome to Aqua Computer Forum. If this is your first visit here, please read the Help. It explains how this page works. You must be registered before you can use all the page's features. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

speedy909

Full Member

CSS Layout erstellen

Friday, May 4th 2007, 8:35pm

Hallo,
versuche gerade eine seite mit css zu erstellen, leider scheiter ich an unerfahrenheit  :-/

ich brauche soetwas:
bild auf anfrage (problem hat sich inzwischen gelößt)

ich hoffe es kann mir jemand helfen, kann ja nicht so schwer sein

crushcoder

God

Re: CSS Layout erstellen

Friday, May 4th 2007, 8:41pm

schau dir mal yaml an:
http://www.yaml.de/
Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

speedy909

Full Member

Re: CSS Layout erstellen

Friday, May 4th 2007, 9:05pm

soviel will ich doch nicht machen

ich will nur diese container mit den jeweiligen funktionen erstellen, aber dies gelingt mir noch nicht so ganz, irgent etwas geht immer schief

ich brauch auch nur das grundliegende (alles andere zb. seitenabstände,... sind soweit kein problem)

Y0Gi

God

Re: CSS Layout erstellen

Friday, May 4th 2007, 9:14pm

Einige grundlegende Mehrspaltentechniken finden sich auf http://glish.com/css/

Um Spalten zu erzeugen, die sich gleichmäßig bis unten ausdehnen: http://alistapart.com/articles/fauxcolumns/

Jogibaer_Nr1

God

Re: CSS Layout erstellen

Friday, May 4th 2007, 10:20pm

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 ;)

speedy909

Full Member

Re: CSS Layout erstellen

Saturday, May 5th 2007, 1:23pm

ich krigs einfach nicht hin, :'(

was ist da drann so schwer? was mach ich falsch???

ich probiers jetzt noch 1 mal, dann poste ich mal den code, eventuell kann mir dann jemand helfen!

Zen

Full Member

Re: CSS Layout erstellen

Saturday, May 5th 2007, 1:30pm

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

Y0Gi

God

Re: CSS Layout erstellen

Saturday, May 5th 2007, 1:30pm

Niemand hat gesagt, dass es einfach ist. CSS ist leider nicht das versprochene Allheilmittel und macht (zumindest vor Version 3) einiges unnötig schwer bis unmöglich. Und der verhunzte Internet Explorer tut mal wieder sein Übriges, um allen den noch verbleibenden Spaß zu verderben.

Zen

Full Member

Re: CSS Layout erstellen

Saturday, May 5th 2007, 1:49pm

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:

Source code

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

Y0Gi

God

Re: CSS Layout erstellen

Saturday, May 5th 2007, 1:54pm

Quoted from "Zen"

Natürlich ist es einfach. Alles eine Frage der Übung und Ausdauer. ;)

Ich werde das Gefühl nicht los, du meinst damit meine Ausdauer bei deinen Fragen ;)

Zen

Full Member

Re: CSS Layout erstellen

Saturday, May 5th 2007, 1:56pm

Ach komm ich frage dich doch schon seit Monten nichts mehr bezüglich CSS. Ich bin selbstständig ;D

Das Problem ist bei mir momentan mehr das häßliche PHP..

speedy909

Full Member

Re: CSS Layout erstellen

Saturday, May 5th 2007, 1:56pm

mein größtes problem:
es sollen sogut wie alle browser unterstützt werden, aber fürs 1. würde mir die unterstützung von IE,Firefox und safari reichen (aber ich bin schon mal glücklich wenns auf einem browser funktioniert)

die höhe der internetseite muss nicht unbedingt 300px haben, sie soll sich je nach text erweitern, mein größtes problem ist der text in der mitte, wenn sich die linke bzw. die rechte seite vergrößert, rückt entweder nur an der stelle der text ein.

die linke und rechte seite sollen immer so groß sein wie das größte enthaltene element (bild, text, ...).

Max_Payne

God

Re: CSS Layout erstellen

Saturday, May 5th 2007, 2:10pm

Hi also wenn du dich an die Stadards hälst (siehe www.w3c.org) dann zeigen es bis auf den IE eigentlich fast immer alles Broweser richtig an.
Es gibt einige grundlegende Beispiele für floating bzw. mehrspaltige Layouts bei http://de.selfhtml.org.


Gruß Max Payne

speedy909

Full Member

Re: CSS Layout erstellen

Saturday, May 5th 2007, 2:16pm

@ 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?


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

iNFiNiTE

God

Re: CSS Layout erstellen

Saturday, May 5th 2007, 2:26pm

Quoted from "Zen"

Das Problem ist bei mir momentan mehr das häßliche PHP..

siehe sig ;D

Zen

Full Member

Re: CSS Layout erstellen

Saturday, May 5th 2007, 2:36pm

Quoted from "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.

Quoted from "speedy909"

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

Quoted

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

r1ppch3n

Moderator

Re: CSS Layout erstellen

Saturday, May 5th 2007, 2:46pm

hier zb?
aber stimmt schon, wer sich nur auf deutsch beschränkt machts sich wirklich nicht gerade leichter, egal welche programmiersprache man einsetzt

iNFiNiTE

God

Re: CSS Layout erstellen

Saturday, May 5th 2007, 2:57pm

das buch kann ich wärmstens empfehlen, damit hab ich meinen einstieg gefunden.

Y0Gi

God

Re: CSS Layout erstellen

Saturday, May 5th 2007, 3:29pm

Das deutsche Python-Forum ist eine sehr gute Station mit *sehr* fähigen Mitgliedern - von denen einige an hochwertigen Projekten mitarbeiten, einschließlich des Python-Core selbst.

Anisachse

God

Re: CSS Layout erstellen

Sunday, May 6th 2007, 9:08pm

das bild wie dein layout aussehen soll ist weg....

kannste das irgendwie nochma zeigen?
hab mal ~1 Jahr nur mit CSS rumgekämpft und die lustigsten Fehler in den Browsern gefunden.