Zweispaltiges Layout

[S.nja]

Hallo,
ich möchte bei meinem zweispaltigen Layout weg von der Tabellendarstellung.
Jetzt habe ich aber ein Problem.
Im linken Bereich steht der deutsch Text, im rechten der englische. Die zusammengehörigen Absätze sollen jeweils nebeneinander beginnen.
In der bisherigen Version war dies leicht zu machen mit dem Beginn in der gleichen Zeile.
Jetzt aber sind die Absätze versetzt, da der deutsche Text länger ist.
Wie bekomme ich das hin?

[MrMurphy]

Hallo,

hast du mal einen Link zur alten Seite?

Deine Beschreibung ist leider nicht sehr aussagekräftig.

Erst mal solltest du prüfen, ob deine Besucher die Nebeneinanderstellung der Absätze überhaupt möchten. In der Regel nerven solche parallelen Texte eher. Zwei einzelne einsprachige Texte sind viel angenehmer zu lesen.

Wenn die Texte doch absatzweise nebeneinander stehen sollen müsste man zunächst wissen, wie umfangreich die jeweils sind?

Dann ob sie Bilder oder andere Elemente enthalten. Wenn ja, werden diese anderen Elemente auch doppelt dargestellt oder nur einmal?

Weiterhin muss geklärt werden, ob du eine Seite nach dem aktuellen Stand der Technik (HTML5 / CSS3 / Responsive Design) erstellen willst oder in Wirklichkeit doch Tabellen behalten willst, halt nur ohne das table-Element? Weil du gehört hast, das man das nicht mehr benutzen soll?

Wie soll sich die Seite bei PCs, Tablets und Smartphones verhalten? Sollen die Absätze ineinander rutschen (deutsch englisch deutsch englisch u.s.w.) oder erst der Text in einer Sprache und dann in der anderen dargestellt werden? Also bei verschiedenen Fenstergrößen und Quer-/Hochformat?

Gruss

MrMurphy

[S.nja]

Hallo,
ich habe jetzt kräftig gesurft und viele Varianten gefunden, u.a. in http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig@title=SELFHTML.
Ist dies noch aktuell oder gibt es bessere Varianten?
Gruß
S.nja

[MrMurphy]

Hallo

"gibt es bessere Varianten?"

Ja. Da inzwischen über 40% der Internetseiten mit Smartphones aufgerufen wird sind alle Seiten ohne Responsive Design veraltet.

Gruss

MrMurphy

[S.nja]

"gibt es bessere Varianten?"

Ja.

z.B. weche?
Gruß
S.nja

[MrMurphy]

Hallo,

es wäre sinnvoll wenn du erst mal die Fragen beantworten und den Link zur bereits vorhandenen Seite bereitstellen würdest. Wie soll man dir ohne hinreichende Informationen sinnvoll helfen? Du musst schon mitteilen was du überhaupt willst.

Gruss

MrMurphy

[S.nja]

Hallo,

es wäre sinnvoll wenn du erst mal die Fragen beantworten und den Link zur bereits vorhandenen Seite bereitstellen würdest.

Link nicht möglich, da nicht im Internet sondern nur im Intranet.
Seite soll so aussehen:
Erste Spalte:  Inhaltsverzeichnis
2. Spalte:     Überschrift
               Darunter zwei Spalten (deutsch/englisch)

Inhalt                 xxxxxxxxxxxxxxxxxx    Überschrift   xxxxxxxxxxxxxxxxxxx
........                         Deutsch                      Englisch
Teilebeschreibung      X-Teil                         Part-x
.......                besteht aus ......             consists ....
                       .......................        .......................
                       .......................        .......................
                       ...........
                       Y-Teil                         Part-y

Zu den Fragen:

Erst mal solltest du prüfen, ob deine Besucher die Nebeneinanderstellung der Absätze überhaupt möchten.

Ja, man soll sofort sehen, was zu was gehört.

Wenn die Texte doch absatzweise nebeneinander stehen sollen müsste man zunächst wissen, wie umfangreich die jeweils sind?

Etwa gleich lang - max. 2 Zeilen länger oder kürzer.

Dann ob sie Bilder oder andere Elemente enthalten. Wenn ja, werden diese anderen Elemente auch doppelt dargestellt oder nur einmal?

Alles soll doppelt erscheinen

Weiterhin muss geklärt werden, ob du eine Seite nach dem aktuellen Stand der Technik (HTML5 / CSS3 / Responsive Design).

Wenn schon geändert, dann nach aktuellem Stand der Technik - vielleicht geht die Seite ja auch mal ins Internet(?)

Wie soll sich die Seite bei PCs, Tablets und Smartphones verhalten? Sollen die Absätze ineinander rutschen (deutsch englisch deutsch englisch u.s.w.) oder erst der Text in einer Sprache und dann in der anderen dargestellt werden? Also bei verschiedenen Fenstergrößen und Quer-/Hochformat?

Das hatte ich bisher nicht im Fokus, aber im Hinblick auf neue Medien würde ich deutsch englisch deutsch englisch bevorzugen.

[Gunnar Bittersmann]

@@S.nja:

nuqneH

Seite soll so aussehen:
Erste Spalte:  Inhaltsverzeichnis
2. Spalte:     Überschrift
               Darunter zwei Spalten (deutsch/englisch)

Inhalt                 xxxxxxxxxxxxxxxxxx    Überschrift   xxxxxxxxxxxxxxxxxxx
........                         Deutsch                      Englisch
Teilebeschreibung      X-Teil                         Part-x
.......                besteht aus ......             consists ....
                       .......................        .......................
                       .......................        .......................
                       ...........
                       Y-Teil                         Part-y

Was ist „Inhalt ... Teilebeschreibung ...“? Ein Menü, was (bei genügender Viewportbreite) links von der Tabelle steht? Oder gehört das auch zur Tabelle?

Im ersten (für mich wahrscheinlicherem Fall) sieht deine Tabelle etwa so aus:

<html lang="de">  
  ...  
   <table>  
     <thead>  
       <tr>  
         <th>Deutsch</th>  
         <th>Englisch</th>  
       </tr>  
     </thead>  
     <tbody>  
       <tr>  
         <td>  
           <b>X-Teil</b>  
           besteht aus ...  
         <td>  
         <td lang="en">  
           <b>part-x</b>  
           consits ...  
         <td>  
       </tr>  
       ...  
     </tbody>  
   </table>

Für Textinhalte – auch bei Sprachwechseln – immer die Sprache angeben. (aktualisierte Übersetzung noch hier)

Wie soll sich die Seite bei PCs, Tablets und Smartphones verhalten? Sollen die Absätze ineinander rutschen (deutsch englisch deutsch englisch u.s.w.) oder erst der Text in einer Sprache und dann in der anderen dargestellt werden? Also bei verschiedenen Fenstergrößen und Quer-/Hochformat?
Das hatte ich bisher nicht im Fokus, aber im Hinblick auf neue Medien würde ich deutsch englisch deutsch englisch bevorzugen.

Ein Beispiel einer responsiven Tabelle: unterhalb einer bestimmten Viewportbreite wird automatische Silbentrennung eingesetzt, damit die Inhalte weiterhin vernünftig tabellarisch dargestellt werden können. Wenn’s noch schmaler wird, werden die Inhalte einer Tabellenzeile untereinander angeordnet.

Qapla'

[Gunnar Bittersmann]

@@S.nja:

nuqneH

Im linken Bereich steht der deutsch Text, im rechten der englische.

Was ist das Ziel deiner Webseite? Sollen deutscher und englischer Text miteinander verglichen werden?

In dem Falle wäre eine Tabelle tatsächlich passend, da sich die jeweiligen Abschnitte (Tabellenzellen) in beiden Spalten aufeinander beziehen.

Wenn Nutzer den Text in nur einer Sprache lesen sollen, ist die zweisprachige Webseite unpassend. Siehe meinen Vortrag ab 8:30. Für ein Äquivalent in gesprochener Sprache siehe den Vortrag von Anfang an.

In dem Falle wäre es – wie MrMurphy schon sagte – sinnvoll, getrennte deutsche und englische Seiten zu haben und automatisch die für den jeweiligen Nutzer passende auszuliefern.

Qapla'

[S.nja]

Hi

Was ist das Ziel deiner Webseite? Sollen deutscher und englischer Text miteinander verglichen werden?

Es soll sein wie ein Fachbegriffwörterbuch, nur dass nicht nur ein Wort übersetzt wird, sondern in beiden Sprachen eine Erläuterung folgt.
Gruß
S.nja