• Keine Ergebnisse gefunden

Mehrspaltige Layouts mit CSS | informatikZentrale

N/A
N/A
Protected

Academic year: 2022

Aktie "Mehrspaltige Layouts mit CSS | informatikZentrale"

Copied!
3
0
0

Wird geladen.... (Jetzt Volltext ansehen)

Volltext

(1)

www.informatikzentrale.de

CSS  

mehrspal,ge  Layouts  

(2)

www.informatikzentrale.de

links   width  :  14%;  

float  :  le>;  

mi?e   float  :  le>;  

width  :  66%;  

margin-­‐le>  :  3%;  

rechts   width  :  14%;  

float  :  right;  

Alle Breiten in Prozent

css:

#left, #right { width:14%;!

line-height:18px;!

background-color : silver;!

}!

#left { float:left;!

}!

#right { float:right;!

}!

#content { float:left;!

width:66%;!

margin-left:3%;!

}!

html:

<div id="left">!

Linkes Menü!

</div>!

<div id="content">!

bla</div>!

<div id="right">!

Rechtes Menü!

</div>!

(3)

www.informatikzentrale.de

Vorlagen

http://intensivstation.ch/templates/

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm http://www.glish.com/css/7.asp (Spalten haben unterschiedliche Höhe)

http://lists.econsultant.com/top-css-layouts-downloads-hacks-galleries-tricks.html http://blog.html.it/layoutgala/

http://www.positioniseverything.net/

Referenzen

ÄHNLICHE DOKUMENTE

Zeilenumbruch, falls nicht alle Elemente auf die Hauptachse passen flex-wrap: nowrap | wrap | wrap-reverse;. Shorthand f¨ ur flex-direction und flex-wrap

/* CSS beim Start der Animation */. }

Beispiel:  css  Zen  Garden  . csszengarden.com

[r]

list-style-image Grafik

Yet one should keep things in perspective and also em- phasize the central role the Normandy Format between Berlin, Paris, Moscow and Kyiv – and thus a format out- side the OSCE –

German authorities report that they not uncommonly spot Swiss activists attending mosques and seminars of the German Salafist scene, particularly in southern Germany..

LexUriServ.do?uri=COM:2011:0934:FIN:DE:PDF.. staaten bis Ende 2016 ihre Präventionsmassnahmen und Risikomanagementpläne an die EU-Kommission übermitteln. Jedoch wurde der Entwurf