Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 16
  1. #1
    Audi ist offline Grünschnabel
    registriert
    10-08-2004
    Beiträge
    5

    Design ohne Tabellen!?

    Hallo,
    ich möchte meine Seite barrierefrei mit XHTML und CSS umsetzten und dabei auf Tabellen verzichten.

    Was noch nicht funktioniert:
    Ich möchte 2 Inhalte nebeneineander laufen haben (in 2 divs), also ähnlich wie in 2 Tabellenspalten. Ich weiss allerdings vorher nicht wie lang diese Inhalte werden.

    Vor allem soll unterhalb dieser beiden nebeneinanderstehenden Inhalten (divs) wieder etwas folgen, nämlich ein Text oder ein Bild. Beir mir liegt dieses Bild aber immer hinter den beiden divs. Die Höhe kann ich ja nicht vordefinieren, da die Länge der Inhalte variieren kann.

    Was kann ich tun? Habt Ihr mein Problem verstanden?

    Bei einer Tabelle wäre das ganz einfach:
    Tabelle mit 2 Spalten, darin die Inhalte. Die Hlhe der Tabelle ergibt sich automatisch durch die Inhalte. Dann folgt danach einfach:
    ...
    </tr></table><br><img src="...">....

    Soll aber eben ohen Tabellen laufen - mit divs.

    Danke,
    Audi

  2. #2
    Audi ist offline Grünschnabel
    registriert
    10-08-2004
    Beiträge
    5

    AW: Design ohne Tabellen!?

    Damit es verständlicher wird ein Beispiel:

    Mit Tabellen klappt es, mit den divs nicht!
    http://mitglied.lycos.de/audis/testseite.html

    Audi

  3. #3
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

  4. #4
    Audi ist offline Grünschnabel
    registriert
    10-08-2004
    Beiträge
    5

    AW: Design ohne Tabellen!?

    sorry, aber das eigentlich Problem ist dort nicht beschrieben, denn es folgt bei diesen Beispielen kein Inhalt unterhalb der divs :-(


    Aber trotzdem Danke,
    Audi

  5. #5
    Avatar von rasputin
    rasputin ist offline Lounge-Member
    registriert
    31-10-2001
    Beiträge
    3.102

    AW: Design ohne Tabellen!?

    packst du die beiden <div>s in ein weiters <div> sollte der inhalt darunter stehen.

  6. #6
    Avatar von LeGato
    LeGato ist offline Tripel-As
    registriert
    31-10-2002
    Ort
    Göttingen
    Beiträge
    203

    AW: Design ohne Tabellen!?

    So was habe ich mir gerade (allerdings noch etwas komplizierter) gebastelt. Und habe festgestellt: Wenn die beiden Inhaltsspalten mit "float" formatiert werden, damit sie nebeneinanderstehen, zeigt Mozilla den umgebenden Container nicht bis zum unteren Ende der Inhalte an. Blöd, wenn man damit z.B. die Hintergrundfarbe für den Content-Bereich definieren wollte...

    Das ist leider ein Bug... :-(

    Abhilfe findest du hier

    Bei mir hat's geholfern.

    LeGato
    Irgendwas geht immer

  7. #7
    Avatar von dipser
    dipser ist offline Lounge-Member
    registriert
    23-06-2002
    Ort
    Osnabrück
    Beiträge
    673

    AW: Design ohne Tabellen!?

    Warum schreibe ich ein Tutorial und niemand kennt es?!
    Naja egal, hier: http://forum.jswelt.de/showthread.php?t=18910 (Zweispaltiges Layout)

  8. #8
    Avatar von LeGato
    LeGato ist offline Tripel-As
    registriert
    31-10-2002
    Ort
    Göttingen
    Beiträge
    203

    AW: Design ohne Tabellen!?

    Sorry dipser,

    ich schau zwar hin und wieder mal durchs Forum, aber ich schaff's nicht, immer den Überblick zu behalten... :o

    Allerdings findest du bei der von mir angegebenen Seite noch ein paar Extra-Informationen, damit auch der IE mit dem clear:both klarkommt

    Nix für ungut!

    LeGato
    Irgendwas geht immer

  9. #9
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: Design ohne Tabellen!?

    mh.
    eigentlich kommt der ie ganz gut mit clear:both klar ...

    hier mal nen bsp. für ne css tabelle.
    http://www.build.more-style.de/csstable.html

  10. #10
    Avatar von LeGato
    LeGato ist offline Tripel-As
    registriert
    31-10-2002
    Ort
    Göttingen
    Beiträge
    203

    AW: Design ohne Tabellen!?

    Ja, kommt er. Allerdings baut er mit dem div auch gleich ne zusätzliche Leerzeile ein... Und das will ich ja nicht!

    LeGato
    Irgendwas geht immer

  11. #11
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: Design ohne Tabellen!?

    meinst jetzt in meinem bsp?
    also im grunde sollte das unter einem gefloateten div content reichen ...
    <br style="clear:both" />

    weis nicht was du meinst jetzt .. hab bis jetzt noch keine probleme gehabt.

  12. #12
    Avatar von LeGato
    LeGato ist offline Tripel-As
    registriert
    31-10-2002
    Ort
    Göttingen
    Beiträge
    203

    AW: Design ohne Tabellen!?

    *seufz*... Hätte nicht gedacht, dass das so ein langer Thread wird...

    Um ehrlich zu sein: Hab aus Zeitgründen noch nicht in dein Beispiel reingesehen :o

    Das Problem ist

    erstens: relativ unwichtig
    zweitens: Wenn ich unter meine beiden content divs noch ein div in der Form <div style="clear:both; "> </div> setze, dann macht der IE noch ne Leerzeile drunter. Also setzt man besser ein <div style="clear:both; line-height:0; height:0; "></div> drunter, und alles ist gut. Oder halt die Version mit dem <br/>

    Und da das Ganze nicht auf meinem Mist gewachsen ist, dachte ich mir, ich verlinke mal meine Quelle, wie oben getan...

    Mehr wollte ich eigentlich gar nicht gesagt haben

    LeGato
    Geändert von LeGato (10-08-2004 um 23:03 Uhr)
    Irgendwas geht immer

  13. #13
    Avatar von dipser
    dipser ist offline Lounge-Member
    registriert
    23-06-2002
    Ort
    Osnabrück
    Beiträge
    673

    AW: Design ohne Tabellen!?

    @womstar, ich hoffe, dass du deine richtig eingesetzten Tabellen jetzt nicht mit dieser div-Tabelle ersetzt.

  14. #14
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: Design ohne Tabellen!?

    @legato
    wie auch immer du das machst, wenns geht dann gehts.

    @dipser
    ?

  15. #15
    Avatar von dipser
    dipser ist offline Lounge-Member
    registriert
    23-06-2002
    Ort
    Osnabrück
    Beiträge
    673

    AW: Design ohne Tabellen!?

    Tabellen sind nicht grundlegend schlecht. Sie sollten jedoch nur da eingesetzt werden, wo sie auch sinnvoll sind, wenn du verstehst was ich meine. Es ist schon einigen passiert, dass sie dachten, sie müssten alles mit div-Elementen machen und haben damit eigentlich das Ziel verfehlt.
    Aber Tabellen als Layoutkrücken sind nicht geeignet und deshalb ist das Blockelement div vorzuziehen.

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. Springfieled-Web | Neues Design -> Eure Meinungen
    Von .stephan im Forum Site-Check
    Antworten: 18
    Letzter Beitrag: 13-11-2002, 21:01
  2. neues design fast fertig !?
    Von D3nde im Forum Site-Check
    Antworten: 5
    Letzter Beitrag: 29-10-2002, 16:40
  3. design check 2.
    Von signal im Forum Site-Check
    Antworten: 31
    Letzter Beitrag: 31-12-2001, 19:26
  4. Ist ein Design "schützbar"?
    Von style-guide! im Forum Internet & Recht
    Antworten: 4
    Letzter Beitrag: 27-12-2001, 10:16

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •