Zum Inhalt springen

Block gewünscht - Text rückt in einer Lücke

Erstellt am 3. März 2006 · 7 Antworten · letzte Antwort am 4. März 2006

Tags: Frage

Copacabana ·

Moin,

ich habe eine Seite wo mehrere Contents (Text mit Bild) untereinander gestellt sind. In diesen Contents ist ein Bild links und der Text rechts.

PROBLEM:
Wenn der Text nicht ausreichend groß ist, dann rückt der unterste mit Überschrift und alles nach oben in der Lücke wo nach platz für Text wäre.

DAS WILL ICH NICHT

Ich möchte, dass die Contents für sich sind und den richtigen Abstand bewahren.

Bis jetzt habe cih es so gelöst, dass ich einfach hinter dem text "enter" und "space" gedrückt habe, damit das andere da nciht reinrutscht. Aber ist echt doof - mehr als unschön!

LÖSUNG ???

Habe ein externer CSS-Code.
Versucht es mit .csi-textpic und dann mit display block - kein Erfolg!

Bitte um Hilfe!

anj ·

ich vermute mal das dein text element als "float: left;" definiert wurde..??

das kriegst du wieder mit clear: left; bei dem nächsten element raus.

auf jedenfall solltest du dich mit dem css beschäftigen ... um "dahinter" zu kommen wo dein Problem liegt:

Quelltext anzeigen: copy -> neue datei erstellen : z.b. meinhtml.html -> paste

dann einfach die css datei für die meinhtml.html datei erreichbar machen.. und schritt für schritt die nötigen formatierungen anpassen / ändern.

Grüsse.

Copacabana ·

Hi,

ja, das ist richtig! Ich habe meine Website mit DIV versehen und arbeite mit CSS.

Ja, ich habe float:left irgendwo benutzt.

Aber ich habe es nciht so richtig verstanden, wie ich das korregieren kann, da ich das float left brauche um die Browser zu bedienen - denke ich.

Hast Du ICQ oder MSN ???

Bitte um eine weitere Hilfe.
Ich schaue mir gleich das mal an, wo float steht.

Grüße

anj ·

Hi!

Schau dir mal das im Browser an:

<div id="1" style="background-color: red; float:left; ">{Inhalt 1}</div>
<div id="2" style="background-color: green;">{Inhalt 1 der }</div>
<div id="3" style="background-color: blue; clear:left;">{Inhalt 2}</div>

das "3"te div element wird nicht mehr nach links "fliessen" duch den css Befehl clear:left;

Schau dir dazu am besten die seiten von selfHTML an:

http://de.selfhtml.org/

such dort einfach nach float bzw. clear.

Grüsse

Copacabana ·

Hi,

ich hatte versucht mit:

.csi-textpic {
clear: left; }

Aber das hatte den Text einfach nach links verschoben und das alles unter dem Bild.

Grüße

Copacabana ·

Hi,

war den ganzen Tag in einer Konferenz.

Nein, leider habe cih es nciht hinbekommen.

Suche immer ncoh nach einer Lösung!

Grüße

Copacabana ·

Hi,

ich habe es raus bekommen ! ! ! yohoo!!!!

Richtig, es war CSS und zwar genau das was Du meinstest mit clar:left;

Nur hatte ich noch ein DIV (right) speziell für h1 und das hatte er immer da reingezogen und da hatte ich es nciht ausprobiert.

Danke sehr! ! ! !
Grüße aus der Musikantenstadt! ! !