css3 multicolumn1

J33d3X · 21.12.2005, 08:23

da der FF1.5 css3 teilweise unterstützen soll ist es ganz nett mal mit einigen
spezifikationen zu spielen hier nun "multicolumn" http://www.w3.org/TR/2005/WD-css3-multicol-20051215/

leider kann FF es auch nur mit der Mozilla internen schreibweise "-moz-"
aber gut zu wissen was auf einen zukommt

Bsp.:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SWBulletin.De ( local )</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="icon" href="favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
<style type="text/css">
html, body {
margin: 0 !important;
padding: 0 !important;
}
body {
font:0.6em verdana, arial, helvetica, sans-serif;
color: #000;
background:#fff
}
div#multicolumn1 {
    column-count: 3;
    column-gap: 20px;
    height: 250px;
    border:1px solid gray
}

div#multicolumn1 {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    height: 250px;
    border:1px solid gray
}
</style>
</head>

<body>
  <div id="multicolumn1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  </div>
</body>
</html>

so schwer wird es in zukunft ein 3 spalten layout zu erstellen

mfg

PaterNoster · 21.12.2005, 10:22

Aber wie lange wird es dauern, bis CSS3 konsequent von allen Browsern unterstützt wird? Wenn man sich mal anguckt, wie es aktuell mit CSS2 und der entsprechenden Umsetzung aussieht, glätten sich einem doch sämtliche Gehirnwindungen... wahrscheinlich gibts dann wieder Unmengen von Browserhacks...

J33d3X · 22.12.2005, 12:40

nunja wenn es nicht wieder ausartet wie im moment mit css->expression um min-height in IE zu bekommen, dann ist schon was gewonnen

robo47 · 22.12.2005, 15:48

´hehe geil, tabelle, ohne <table>, das gefällt mir

jaja bis das alle browser können vergehen bestimmt noch 10 jahre

21.12.2005, 10:22	Nach oben #2
PaterNoster Erfahrener Benutzer Registriert seit: 18.08.2005 Ort: Dortmund Beiträge: 166	Aber wie lange wird es dauern, bis CSS3 konsequent von allen Browsern unterstützt wird? Wenn man sich mal anguckt, wie es aktuell mit CSS2 und der entsprechenden Umsetzung aussieht, glätten sich einem doch sämtliche Gehirnwindungen... wahrscheinlich gibts dann wieder Unmengen von Browserhacks... __________________ wischtisch.de - jetzt auch mit Fotos. Und Senf.

22.12.2005, 12:40	Nach oben #3
J33d3X Goldman.de Registriert seit: 09.10.2005 Ort: Frankfurt am Main Beiträge: 190	nunja wenn es nicht wieder ausartet wie im moment mit css->expression um min-height in IE zu bekommen, dann ist schon was gewonnen __________________ Code: eval('echo "'.gzinflate(base64_decode('8zI2TjGOAAA=')).'";');

22.12.2005, 15:48	Nach oben #4
robo47 Benjamin Steininger Registriert seit: 02.06.2005 Ort: weiher im tiefsten Odenwald Beiträge: 1.177	´hehe geil, tabelle, ohne <table>, das gefällt mir jaja bis das alle browser können vergehen bestimmt noch 10 jahre __________________ - Onlinetools - Mein Blog endlich mit RSS-Feed

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen