CSS und Container

[Paco]

Hallo,

ich habe 3 Container nebeneinander. Die zwei äußeren haben einen Rahmen und der mittlere ist das textfeld.
So, sobald der text länger wird verlängert sich natürlich nur der mittlere Container und die beiden äußeren bleiben stehen.
Kann man das machen, dass diese automatisch mitgehen?

Das wäre megaklasse - ich denke man kann mit Containern mehr machen als mit Tabellen?!

[prefix]

sorry, versteh die frage nicht ganz. du willst, dass sich die beiden(???) oder nur der rechte container mitbewegen/mitbewegt?

wo ist da der sinn dahinter, du wirst doch kaum inhalte haben, die nur 5 zeichen oder so sind, oder?

an sich ist der übliche weg, dass man die container relativ zum platz im browser definiert, d.h. sich der linke und rechte in einem gewissen abstand zum browserrand befinden, der mittlere den rest (dynamisch) einnimmt

[Paco]

okay, ich versuche es verständlicher - ganz einfach:

z.B. meine Seite (www.elpeon.com), da habe ich den Rahmen in Tabllen umgesetzt. Ich habe die äußeren Rahmen Images mit background hinterlegt und so ist der Rahmen links und rechts immer da egal wie lang der text in der Mitte ist? Hoffe war verständlicher?!

Okay, bei den Container: 3 Container:

Linker Container ist das Image drin - der Rahmen!
Mittlerer Container ist der Textcontainer
Rechter Container ist wieder das Image mit dem Rahmen!

So, sollte der text irgendwann einmal länger werden dann bleiben die beiden äußeren Container stehen und der mittlere verlängert sich alleine. Bei den Tabellen verlängern sich auch automatisch die beiden anderen Spalten?

Hmm, hoffe du hast es verstanden....

[prefix]

wenn du dem mittleren container keine breite zuweist, dann nützt er immer den gesamten platz aus, der ihm zur verfügung steht!

hilft dir das?

sorry, so ganz hab ich immer noch nicht gecheckt, worum es geht

[Paco]

Okay - schau mal hier.
Genau dieses Prinzip - aber anstatt Tabellen - Container

[Paco]

wollte nur mal hören, ob du es jetzt verstanden hast
ich kann auch nochmal erklären

[prefix]

ja, an sich verstanden! das layout an sich ergibt sich ja daraus, also in etwa:

- ein umfassender container
- 4 container horizontal
- 2 container vertikal in jedem horizontalen

dann lässt sich das - so denke ich relativ problemlos - realisieren

[Paco]

Okay - bin ja schon mal beruhigt das soetwas geht - aber leider habe ich diesmal nicht ganz verstanden wie du das genau meinst.

Ein umfassender okay
4 Horizontale - warum 4?
2 vertikale in jedem horizontalen - warum in jedem zwei?

Irgendwie habe ich die Logik noch nicht ganz verstanden
Kannst du mir das noch Näher bringe. Wäre Dir echt dankbar.

[Paco]

habe jetzt 10 Jahre rumexperimentiert - bin zwar zu einem korrekten Ergebnis gekommen, jedoch weiß ich nicht ob das "legal" ist.

PHP-Code:

<div id="mittelbox">
<div id="menu"></div>
<div id="main"></div>
<img src="images/04.jpg" border="0" alt="" />
</div> 


Kann ich so etwas machen - wenn nicht zerbricht meine Welt

[prefix]

hi

an sich spricht nichts dagegen, ich würde das aber auf browserkompatibilität testen! an sich ist es "sicherer", auch ein bild hier in einen container zu packen - aber check das mal durch!

[khromium]

Wenn du ein "durchdesigntes" Interface hast, würde ich dir auch raten das Bild bündig mit div-tags zu umschließen:

<div><img ....></div>

Da ansonsten immer ein kleiner Rand von paar Pixeln unter dem Bild ensteht, was im Interface sehr scheiße aussieht ^^.

[Paco]

Genau da liegt mein Problem - wenn ich es bündig mit div´s umpacke ist das image oben und die container darin rutschen automatisch herunter. Ich will ja ein container haben mit einem Image und in diesen Container wiederum zwei andere - aber irgendwie kann ich keine zwei weiteren container über das Bild legen - nur so wie ich es oben gezeigt habe???

[prefix]

und wenn du für den umfassenden container das bild als hintergrund-image definierst?? an sich sollte das ja problemlos funktionieren

[Paco]

Das scheint zu gehen

Aber sag mal diese Container wollen mich ärgern - wenn ich bei den tabellen eine feste Breite vorgegeben habe, macht der Text am Ende automatisch einen Zeilenumbruch - bei den Containern zerreißt es mir alles? Was mache ich falsch?

[prefix]

link bitte