• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

column-count

M

-martin-

Guest
Huhu!

HTML: 
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
   <head>
      <style type="text/css">
         #entry 
         {
            border: 1px solid #000000;
            background: #E7F3CF;
   
            /* funktioniert nicht im IE 6 */
            
            /* Firefox */
            -moz-column-count: 2;
            -moz-column-gap: 100px;
            -moz-column-rule: 1px double #ff0000;

            /* Safari, Google Chrome */
            -webkit-column-count: 2; 
            -webkit-column-gap: 100px;
            -webkit-column-rule: 1px double #ff0000;
            
            /* Opera */
            column-count: 2;
            column-gap: 100px;
            column-rule: 1px double #ff0000;
         }
      </style>
   </head>
   <body>
      <div id="entry"><p>abc def ghi jkl mno pqr stu vwx yzA BCD EFG HIJ KLM NOP QRS TUV WXY Z01 234 567 89</p></div> 
   </body>
</html>

Firefox 7.0.1: OK
Safari 5.1.1: NOK
Opera 11.51: nur OK, wenn ich die DOCTYPE-Zeile lösche

Hat irgendwer Infos zu diesem column-xxx, damit das in allen 3 Browsern korrekt angezeigt wird?
Wenn NOK, wird in der linken Spalte oben eine Leerzeile eingefügt.
 
Die xml Deklaration ist ungünstig, zumal in dem Fall auch falsch, da du eigentlich den HTML5 Doctype verwendest.
Dann funktioniert das bei mir auch mit Opera
 
Ich habe jetzt weiter rumgesucht. http://www.w3.org/TR/html5-diff/ ist interessant. Unter "2. Syntax" werden 2 unterschiedliche Schreibweisen beschrieben. OK. Dann mache ich es so:

Code: 
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <style type="text/css">
         #entry 
         {
            border: 1px solid #000000;
            background: #E7F3CF;
   
            /* funktioniert nicht im IE 6 */
            
            /* Firefox */
            -moz-column-count: 2;
            -moz-column-gap: 100px;
            -moz-column-rule: 1px double #ff0000;

            /* Safari, Google Chrome */
            -webkit-column-count: 2; 
            -webkit-column-gap: 100px;
            -webkit-column-rule: 1px double #ff0000;
            
            /* Opera */
            column-count: 2;
            column-gap: 100px;
            column-rule: 1px double #ff0000;
         }
      </style>
   </head>
   <body>
      <div id="entry"><p>abc def ghi jkl mno pqr stu vwx yzA BCD EFG HIJ KLM NOP QRS TUV WXY Z01 234 567 89</p></div> 
   </body>
</html>

Im Safari funktioniert es aber trotzdem nicht richtig.
 
Der XML-Prolog ist sinnfrei, denn bei XHTML liefert er gar nicht den Charset.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben