[Emicom]

Hi, ich möchte mir eine neue HP machen, statt aus Frames möchte ich sie mit CSS bauen.

Ich möchte gerne links, rechts, oben und in der mitte ein "CSS-Frame" haben. Weiß einer von euch ob sowas überhaupt geht und wie es dann machen kann.

Danke Emicom

[AlienSearcher]

Ich würde einfach Div's nehmen. Eins oben, eins unten. Das Untere dann in 3 weitere Div's aufteilen, die per float:left, float:middle und float:right positioniert werden.

www.css4you.de ist eine gute Anlaufstelle

[Emicom]

ich habe jetzt was gefunden, dass mit gefällt. klick mich Wie muss ich jetzt in meine Datei einfügen?

[Slayer]

Das machst du mit Containern.
Im HTML legst du die Container fest und formatierst sie dann mit CSS.

HTML:

<div id="left">...

CSS:

#left
{
     width:x;
     float:x;
     margin:x;
     border:x;
     background:x;
}

usw.

Ein gutes Tutorial findest du auch bei SelfHTML

[Emicom]

sorry, kannst du es bitte für einen Anfänger erklären.

[Floele]

Wie wärs wenn du erstmal CSS lernst!?

[Emicom]

habe mir jetzt 2 Wochen Pause gegönnt. Jetzt möchte ich das Style einbauen, muss ich jetzt das gewünschte Style so einbauen

<link rel=stylesheet type"text/css" href="format.css">

und dann in der datei format.css

#left, #right {
width:14%;
line-height:18px;
}
#left {
float:left;
}
#right {
float:right;
}

ist dies so richtig?

Danke im Vorraus

[Seb-(lx&XP)]

ja stimmt so, wenn du xhtml schreibst muss es allerdings

<link rel=stylesheet type"text/css" href="format.css" />

heißen

[W@yne]

Genau genommen:

<link rel="stylesheet" type="text/css" href="format.css" />

Man kann DIVs übrigens auch ganz toll ohne FLOAT festlegen, siehe z.B. http://h-vote.de/temp/neo ... position:absolute ist dein Freund. Damit kann man z.B. auch Tabellen ersetzen... ist nur im Handling etwas schwerer.

Dieser Beitrag wurde von W@yne bearbeitet: 24. September 2005 - 13:06

[Emicom]

ok danke. Dumme Frage: Wie kann ich dann den Inhalt links, rechts bzw. in der Mitte ändern

[Floele]

Zitat (W@yne: 24.09.2005, 13:56)

http://h-vote.de/temp/neo ... position:absolute ist dein Freund.

Oje, besser nicht
Dann kriegt man automatisch Probleme mit Footern etc...

[W@yne]

Zitat (Floele: 24.09.2005, 14:03)

Dann kriegt man automatisch Probleme mit Footern etc...

Das stimmt... die Zeile mit dem Counter da oben sollte eigentlich nach unten...

Aber so sieht's doch auch hübsch aus!

@Emicom: Du änderst einfach den Text in den DIVs...?

[Emicom]

ich bin noch absolut neu auf dem Gebiet (meine CSS), W@yne kannst du mir bitte erklären wie ich das jetzt genau mache?

[W@yne]

<div id="left">DER<br />
INHALT<br />
DES<br />
LINKEN<br />
"FRAME"S</div>

?

[Emicom]

ok danke. und wenn ich den inhalt in der mitte machen will muss ich anstatt "left" "middle" eingeben?