hehe94

Guten Abend,

ich versuche seit kurzem, möglichst alle meiner neuen Pagedesigns mit DIVs-Elementen zu gestalten anstatt die gute alte Tabelle zu nehmen.

Derzeit bin ich mit einem Projekt beschäftigt, wo das Design neben dem Kopfbereich (für Header etc.) eine linke Navigationsspalte hat und rechts daneben der Inhalt ist.

Folgendes Problem trat jedoch auf: Ich definierte die Navi-Div einfach mit float:left; was auch funktionierte, und rechts daneben erschien dann wie gewünscht der Text in der Inhalt-Div.

Ist jedoch der Text in der Inhalt-Div länger bzw. höher als die Navigation ist, dann rutscht der Text links unter die Navigation, also steht direkt drunter und nimmt dann die Breite beider Divs ein.

Das möchte ich jedoch nicht, sondern die Navi soll bei einem langen Text auch noch eine Navi bleiben und der Text soll nicht unter die Navigation rutschen.

Problem als "Skizze":
NAVI Das ist ein ganz schöner
NAVI Text als Beispiel, der dann
direkt unter die Navi-Div rutscht,
weil die Höhe dieser nicht bestimmt
ist, was jedoch sinnlos wäre.


Kann mir jemand helfen?

Danke

Mister Ad

halskrause

Poste mal deinen Code.
Sonst wird es schwer dir zu helfen.

nikosch

Das ist aber nunmal das Prinzip des Floatings (Textumfluss). Ansosnten musst Du eben zwei gefloatete Boxen benuzten oder mit margin oder position positionieren.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

hehe94

Jo ist klar aber was meinst du mit zwei gefloatete Boxen?

nikosch

Ich meine damit gefloatete Boxen

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

ChrisB

Das beschriebene ist ein absolutes CSS-Einsteiger-Problem.
Bitte arbeite ein Tutorial zum Thema CSS durch, bzw. schau dich auf entsprechenden Tipp-Seiten um. Hier ist nicht der Ort, um solche absoluten Grundlagen zum x-ten Mal durchzukauen.

Für den Einstieg empfehle ich, erst mal folgenden Artikel komplett durch zu arbeiten: Grundlagen für Spaltenlayout mit CSS - SELFHTML aktuell Weblog

hehe94

Hallo,

kann ja sein dass es ein einsteiger Problem ist.

Danke für den Link.

Nur meine persönliche Erfahrung nach kann man sich alles einfach schlecht merken wenn man ein komplettes Tutorial durchmacht obwohl man vll nur einen Punkt von Hunderten braucht, ist zumindestens bei mir so.

Bin halt bis jetzt mit google.de immer fündig geworden für meine Probleme und hab mit der Zeit HTML so einigermaßen gelernt usw...


Aber ich werd dort mal hinschauen.

ChrisB

Der genannte Artikel besteht nicht aus „Hunderten von Punkten“, sondern widmet sich einer ganz zentralen Thematik zeitgemäßen Layoutens mit CSS.

Was dort vermittelt wird, ist Grundlagenwissen, dass du beim Umgang mit CSS und dem Layouten damit immer wieder brauchen wirst.
Also - Faulheit über Bord werfen, Artikel komplett durcharbeiten, bis komplett verstanden.
Bei weiteren Fragen erst informieren, dann notfalls nachfragen.

Chriz

Schau dir mal yaml an:
YAML Builder | A tool for visual development of YAML based CSS layouts

__________________
"Nuschel ich?" - "Was?"

hehe94

Danke an alle für eure Hilfe.

Werde mir das Tutorial mal vornehmen, sollt ich zu keinem schnellen Erfolg kommen verwende ich erstmal den von Chriz geposteten Builder.

Danke