Thread Verfasser: Rolly8-HL
Thread ID: 606
Thread Info
Es gibt 5 Beiträge zu diesem Thema, und es wurde 4352 Mal angesehen.  Ausserdem wurden Dateien angehängt.
 Thema drucken
Div Problem
Rolly8-HL
Zum Testen habe ich mir diesen Script gemacht

opentable("Div Tester");

echo"<div style='background-color: #0F0; float: left; width: 50%;'>
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
</div>\n";

echo"<div style='background-color: #CCC; float: left; width: 50%;'>
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
</div>\n";

echo"<div style='background-color: #0FF; float: left; width: 50%;'>
Weit hinten, hinter den Wortbergen
</div>\n";

echo"<div style='background-color: #FF0; float: left; width: 50%;'>
Weit hinten, hinter den Wortbergen
</div>\n";

closetable();

bekomme es aber nicht hin das sich der blaue und gelbe Text unter den grünen setzt.

Der Textinhalt soll von der DB ausgelesen werden ist also unterschiedlich oder fehlt ganz, dadurch verschieben sich die DIV von alleine.

Was mache ich falsch? oder was fehlt da?
Rolly8-HL hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.

Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
John Doe
float:left; brauchst du nur beim ersten div angeben, die nachfolgenden "erben" diese Definition bis du sie per "clear:left;" wieder aufhebst oder durch andere Werte ersetzt.

Ausserdem würde ich das Ganze auch noch mit einem "wrapper" einrahmen, in etwa so:

#wrapper {
width: 100%;
}

float:left; kannst du auch direkt im Wrapper angeben, dann gilt die Definition für alle divs innerhalb des Containers.
Bearbeitet von John Doe am 02. August 2015 07:40:39
Dieses Mitglied wurde gelöscht!
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
Rolly8-HL
Danke für die schnelle Antwort, hat nicht geklappt.

Zitat

die nachfolgenden "erben" diese Definition

Geht bei mir nicht scheint so das es sich nicht vererbt.

Mit "wrapper" einrahmen auch kein Erfolg.

per "clear:left;" auch nicht, weder mit left,right,both,none,inherit.

Kann ja auch sein das ich einen Fehler gemacht habe, wenn Du einen funktionierenden Script hast stelle den bitte mal hier ein damit ich sehen kann wo der Fehler bei meiner Überlegung ist.
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
GUL-Sonic
Hi Rolly8-HL,
wie sieht es aus wenn Du die linksbündigen Div-Container in eine eigene <div> schreibst und die rechtsbündigen auch?

Beispielsweise so:

opentable("Div Tester");

//linker div-container
echo"<div style='float:left; width:50%;'>";

echo"<div style='background-color: #0F0;'>
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
</div>\n";
echo"<div style='background-color: #0FF;'>
Weit hinten, hinter den Wortbergen
</div>\n";
echo"<div style='background-color: #FF0;'>
Weit hinten, hinter den Wortbergen
</div>\n";

echo"</div>\n";

//rechter div-container
echo"<div style='float:right; width:50%;'>";

echo"<div style='background-color: #CCC;'>
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
</div>\n";

echo"<div style='background-color: #DDD;'>
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
</div>\n";

echo"</div>";

closetable();


Das Ergebnis siehe Anhang, scheint Deinem gewünschten Ziel zu entsprechen.
GUL-Sonic hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.

M.f.G.
GUL-Sonic

Merke:
Wirklichkeit ist niemals so konsistent wie ein solider Wahn!
Wink
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
Rolly8-HL
Danke für den Hinweis, wie ich aber schon erwähnt habe geht es hier um einen Dynamischen Textinhalt der aus der DB gelesen werden muss, das kann viel oder weniger Text sein oder ohne Inhalt dann wird der DIV nicht angezeigt.

Wenn ich jetzt einen oder jeden zweiten DIV mit float:right; versehe und keine DIV float:left; vorhanden sind werden dies nur rechts angezeigt und das soll es ja auch nicht.

Es sollte so sein egal wo jetzt diese Lücke entsteht sie soll geschlossen werden mit dem nachfolgenden DIV.
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
Springe ins Forum: