CSS-Alternative zu diesem CSS-jQuery-Code?

8

Ich habe zwei Spalten nebeneinander, die verschiedene Farben haben. Der Hintergrund hat auch eine einzigartige Farbe. Die rechte Spalte enthält Text, der auf eine unbekannte Höhe erweitert wird. Die andere Spalte enthält wenig bis gar nichts.

%Vor%

Ich möchte, dass die linke Spalte genau so hoch ist wie die rechte Spalte.

Hier ist das CSS ...

%Vor%

Wenn also die Seite geladen wird, verwende ich jQuery, um die Höhe der linken Spalte basierend auf der Höhe der rechten Spalte festzulegen.

%Vor%

Gibt es eine Möglichkeit, dies nur mit CSS zu tun?

    
user182666 31.01.2010, 03:25
quelle

3 Antworten

4

Neben der Verwendung von Javascript gibt es noch ein paar andere Möglichkeiten, dieses Layout zu erreichen.

Zu den Methoden gehören:

  • Verwendung der Anzeige: Tabelle der Elemente
  • Faux-Spalten (Hintergrundbild auf dem Elternelement)
  • Mehrere div-Container für jeden Hintergrund hinzufügen
  • Verwenden Sie eine Tabelle (aus offensichtlichen Gründen nicht sehr beliebt)

Alle diese haben verschiedene Vorteile, Nachteile und jeder bringt ihre eigenen Kopfschmerzen auf die Entwicklung der Website. Ich würde dafür stimmen, falsche Spalten zu verwenden, weil es das HTML am einfachsten hält und mit allen Browsern kompatibel ist.

Zusatzlektüre:

Lance McNearney 31.01.2010, 03:37
quelle
0

es kann leicht mit <table>

getan werden     
Itay Moav -Malimovka 31.01.2010 03:28
quelle
0

Ich bin nicht sicher, ob es eine reine CSS-Möglichkeit gibt (vielleicht in CSS3). Aber Sie sollten diesen Artikel lesen und sehen, ob es für Sie funktioniert.

Ссылка

Wenn nicht, könnten Sie diese Technik in Erwägung ziehen (die eine Menge dummer Markups erfordert).

Ссылка

    
jessegavin 31.01.2010 03:34
quelle

Tags und Links