Spalte drei Web-Design mit variabler Seiten

StackOverflow https://stackoverflow.com/questions/73086

  •  09-06-2019
  •  | 
  •  

Frage

Ich habe versucht, einen Weg zu kommen ein 3 Spalt Web-Design, wo die Mittelsäule eine konstante Breite hat zu schaffen und wird immer zentriert. Die Spalten links und rechts sind variabel. Dies ist trivial in Tabellen, aber nicht semantisch korrigieren. Ich habe nicht in der Lage gewesen, in allen gängigen Browsern diesen ordnungsgemäß funktionieren zu bekommen. Irgendwelche Tipps dazu?

War es hilfreich?

Lösung

Verwenden Sie diese Technik und einfach eine feste Breite für die Mitte angeben Spalte.

Andere Tipps

Check this out: http://www.glish.com/css/2.asp

Und die Breite ersetzt werden: xx% für #maincenter um einen festen Wert. Scheint zu funktionieren, wenn ich es mit Firebug, lohnt sich ein Schuss ändern? 

#maincenter {
    width: 200px;
    float:left;
    background:#fff;
    padding-bottom:10px;
    }

Ich glaube, Sie brauchen würden, mit anfänglichen (fest) Breiten für beide Sidebar Spalten beginnen und dann, wenn die Seite geladen wird, verwenden Sie Javascript, um die Fensterbreite zu erhalten und die neue Breite der Sidebars zu berechnen.

Seitenleiste width = (Fensterbreite - Mittelspaltenbreite) / 2

Sie könnten dann das Javascript erneut anwenden, wenn die Fenstergröße verändert wird.

Dieser Artikel auf A List Apart eine Lösung in einem 3-Spalten-Layout, der resultierende hat wird:

  • haben ein Fluidzentrum mit fester Breite sidebars,

  • erlaubt es dem Säulenmittel zuerst in der Quelle zu erscheinen,

  • erlauben jede Spalte die höchste zu sein,

  • benötigen nur eine einzige zusätzliche div Markup und

  • erfordert sehr einfache CSS, mit minimalem Patches.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top