die DIV's und float's usw machen mich kirre

shaddowrider · 29.06.2008, 19:20

Hallo Profis,

bevor ich jetzt endgültig die Nerven verliere bitte ich um Hilfe:

ich möchte 2 Container einfügen, und zwar je nach Bedarf Container 1 rechts oder links von Container2, beide Container sollen mittig zusammen im übergeordneten liegen und ihre Breite nach Inhalt veriieren

Beispiel:
Container1 (2 Bilder) Container2 (langer Text)
Container2 (kurzer Text) Container1 (1 Bild)

Monika · 29.06.2008, 20:03

Zitat:

Zitat von shaddowrider

Hallo Profis,

bevor ich jetzt endgültig die Nerven verliere bitte ich um Hilfe:

ich möchte 2 Container einfügen, und zwar je nach Bedarf Container 1 rechts oder links von Container2, beide Container sollen mittig zusammen im übergeordneten liegen und ihre Breite nach Inhalt veriieren

Beispiel:
Container1 (2 Bilder) Container2 (langer Text)
Container2 (kurzer Text) Container1 (1 Bild)

ok ich gewinne vermutlich damit keinen Layoutwettbewerb, aber es ist das was Du möchtest

2 Boxen mittig und variable Breite

have fun

shaddowrider · 29.06.2008, 20:32

vielen Dank für die Hilfe - jedoch: Unverständnis:

warum hier 2 Boxen?:

Code:

<div class="box01">
        <div class="box01a">

Monika · 29.06.2008, 20:37

Zitat:

Zitat von shaddowrider

vielen Dank für die Hilfe - jedoch: Unverständnis:

warum hier 2 Boxen?:

Code:

<div class="box01">
        <div class="box01a">

weil die eine der anderen das float right ermöglicht ohne dass sie über ihre Nachbarin drüberspringt und weil Du ja diese Inhaltsbox (1a) flexibel Breit haben magst, aber mittig zu allem

ändere die Breite der aussen Box, aber ändere sehr, sehr vorsichtig die Breite der boden box01 und box02, sonst kippt die eine unter die andere

sollte es im IE6 kippen, dann für den die beiden box01,box02 schmaler machen

das ist einfach das Ur-Box-Model, ohne modernem Clearfix after, das aber manchmal zu mehr Verwirrung, denn Auflösung sorgt

lg

shaddowrider · 29.06.2008, 21:43

könntest du mir freundlicherweise auch die css davon zur Verfügung stellen? (nur mit dem Quelltext durchschaue ich das einfach nicht)

Monika · 29.06.2008, 21:50

Zitat:

Zitat von shaddowrider

könntest du mir freundlicherweise auch die css davon zur Verfügung stellen? (nur mit dem Quelltext durchschaue ich das einfach nicht)

hmm im Quelltext findest Du das css
wenn Du aber noch ein wenig Geduld hast, habe ich einen Artikel auf webdesign-in.de und da gibts das HTML und CSS als free download dann..

bin ja grade beim Tippen ...

shaddowrider · 30.06.2008, 10:39

also css-Angaben finde ich weder im IE noch im FF im Quelltext, dort ist nur reines html ohne Formatierungsangaben (gibt es einen Trick dafür?)

auf deiner Seite habe ich dankenswerter Weise deine Erläuterung gefunden und schon eingesetzt, es eröffnen sich jedoch schlagartig weitere Fragen die ich gleich dort hinterlassen habe.

alles in allem bin ich im Moment als alter Tabellenschreiber mehr als je überzeugt, das sich zur horizontalen Positionierung mehrerer Objekte Tabellen effizienter, klarer strukturiert, flexibler und vor allem mit deutlich weniger Code einsetzen lassen.

Monika · 30.06.2008, 11:35

Zitat:

Zitat von shaddowrider

also css-Angaben finde ich weder im IE noch im FF im Quelltext, dort ist nur reines html ohne Formatierungsangaben (gibt es einen Trick dafür?)

auf deiner Seite habe ich dankenswerter Weise deine Erläuterung gefunden und schon eingesetzt, es eröffnen sich jedoch schlagartig weitere Fragen die ich gleich dort hinterlassen habe.

alles in allem bin ich im Moment als alter Tabellenschreiber mehr als je überzeugt, das sich zur horizontalen Positionierung mehrerer Objekte Tabellen effizienter, klarer strukturiert, flexibler und vor allem mit deutlich weniger Code einsetzen lassen.

HI

wenn Du im Quelltext siehst, dann siehst Du doch den Link zur css ?
den einfach dann im Browser aufrufen und schon ist die css da,
wenn nicht, dann nutze Firefox und die developer Extension, die zeigt Dir auf click jedes css einer Webseite an

die Frgen schau ich mir ein wenig später an,

ich habe glaube ich zwei Webseits - so in den 90er mit Tabellen gelayoutet,
wenig markUp muß nicht immer richtiger sein, schau dir die Microformats an

lg

shaddowrider · 30.06.2008, 12:28

Zitat:

Firefox und die developer Extension

der Hinweis ist Gold Wert!

(habe gleich mal in den css von drei Plugins Fehler lokalisiert, allerdings auch einige mir vorerst unbegreifliche Dinge gesehen)