• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wie würdet ihr das in DIV umsetzen?

Status
Für weitere Antworten geschlossen.
Wenn Deine rote box1 die anderen beiden Boxen umschließen soll, dann muss da halt noch ein Element kommen, denn anders kannst Du der box1 ja nicht sagen, dass sie sich weiter runter erstrecken soll. Ein gefloatetes Element ist nicht "Inhalt" des darüberliegenden Elements (das selbe gilt für position:relative und position:absolute), es ist nicht mehr im "Textfluss". Deswegen vergrößert sich die rote box auch nicht.
 
okay verstehe... aber ich arbeite so ungern mit tricks... was soll ich da jetzt für nen element runterhauen. einfach nen leere divBOX?

ach ich lass mir was grafiches einfallen... denke ich.
gibt es noch andere meinungen? tausend augen sehen mehr als 4 :D
 
aber ich arbeite so ungern mit tricks

Wieso Tricks?
Wenn man ein Element aus dem Fluss nimmt, und man will aber, dass das Elternelement dieses trotzdem umschließt, dann muss man dem Elternelement sagen, wo das Element aus dem Fluss endet. Das ist kein Trick, das ist die normale Vorgehensweise.

was soll ich da jetzt für nen element runterhauen. einfach nen leere divBOX?

Das wäre wohl eine Möglichkeit. Und semantisch ohne Bedeutung.

ach ich lass mir was grafiches einfallen... denke ich.

Wie soll Dein Problem grafisch gelöst werden? Und was ist, wenn der Client keine Grafiken anzeigt? Mit viel Grafik gibts außerdem immer Probleme beim Resizen der Schrift...

Nicht verzagen! Wenn Du etwas Neues über CSS hörst, dann hört sich das immer zunächst komisch an. Aber wenn es eben so ist ... :-)

Viel Erfolg,
-Efchen
 
naja ich meinte das ich evtl noch was schönes grafisches als HG datei einbaue...

aber ich kann mir halt nicht vorstellen das es normal ist eine leere div box darunter zu setzen um wieder in den textfluss zu gelangen... :(
ich probiers mal...
 
aber ich kann mir halt nicht vorstellen das es normal ist eine leere div box darunter zu setzen um wieder in den textfluss zu gelangen.

Naja, über Deine Vorstellungskraft kann ich nichts sagen, ich kann mir das gut vorstellen, weil ich das nicht zum ersten Mal mache. Man kommt halt nicht immer in so eine Situation. Die klassischen Layouts haben z.B. links oder rechts ein Menü. Das floatet dann. Der Inhalt liegt ungefloatet auf der jeweils anderen Seite, und hier ist der Inhalt in der Regel länger als das Menü. Dann erübrigt sich das. Denn der nicht gefloatete Content streckt ein evtl. darum liegendes Elternelement automatisch.

Für viele Ideen gibt es viele Lösungen. Wenn man mehrere Vorgehensweisen und Lösungen zu Aufgabenstellungen kennt, kann man sich auch die beste daraus aussuchen. Im WWW ist es immer wichtig, flexibel zu sein. Das gilt nicht nur für das Layout (das sich diversen Gegebenheiten anpassen sollte), sondern auch für den, der sich die Website ausdenkt, auch da sollte man in der Lage und bereit sein, hin und wieder etwas anders zu machen, als ursprünglich vorgesehen. Das muss nicht immer zum schlechteren sein.

Ich denke, Du wirst Dich schon damit anfreunden :-)

-Efchen
 
ja ich geb dir ja auch recht damit...
aber weisste was mir gerade einfällt?

der inhalt der box3 also der blauen... ist auf jeder seite der selbe. da kommen nämlich 2 bilder und eine telefonnummer rein.
das heisst eigentlich könnte ich der box 3 doch position absolute geben und mein problem wär gelöst...


ps. kannst du mir auf die schnelle sagen wie ich einen bildplatzer halter stelle... ?
 
das heisst eigentlich könnte ich der box 3 doch position absolute geben und mein problem wär gelöst.
Wieso? Wenn der Inhalt der grünen Box dann weniger ist, als der der blauen, dann ragt die blaue über den Rand der roten hinaus, weil position:absolute auch aus dem Textfluss nimmt und somit die rote box1 nicht mehr box3 umschließt.

ps. kannst du mir auf die schnelle sagen wie ich einen bildplatzer halter stelle... ?

Einen was? Bildplatzhalter? Naja, einfach ein Bild einfügen, also <img>, wenn das nicht existiert, wird der Platzhalter des Browsers eingefügt. Idealerweise gibst Du dem Tag als Attribute gleich Höhe und Breite mit.
 
okay... du hast gewonnen :D ich habe das ausprobiert und es funkzt. ich hab jetzt hal einen foter als drittes div eingefügt.. was da rein kommt muss ich dann noch überlegen bzw gestalten... dankesehr

und ja ich meinte nen bildplatzhalter :D sorry... dankesehr erstmal.
 
Ich hatte nicht gewusst, dass das ein Spiel war, wo ich was gewinnen kann. Was hab ich denn gewonnen? :-D

Gern geschehen.

Schönen Tag noch,
-Efchen
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben