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

  • 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)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • 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

    ;)

  • 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

  • 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 ...

    :-D

  • 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.

  • 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

  • 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)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!