Robert R.: Column-count

Liebe Mitdenker,
liebe Wissende,
liebe Neugierige,

ja!

Ich kriegs nicht hin...

  
  
			<div id="subbody">  
				<h2 lang="it">Prime Colazione maestoso</h1>  
				<p lang="de">Herrschaftliches  Frühstück</p>  
				<div lang="it"><br>&nbsp;</br></div>  
				<div lang="de"><br>&nbsp;</br></div>  
  
				<h2 lang="it">Colazione Italiano &quot;Extra&quot;</h1>  
				<p lang="de">Italienisches Frühstück der Extraklasse</p>  
				<div lang="it"><br>&nbsp;</br></div>  
				<div lang="de"><br>&nbsp;</br></div>  
			  
				<h2 lang="it">I Colazione veloce</h1>  
				<p lang="de">Schnelles Frühstück</p>  
				<div lang="it"><br>&nbsp;</br></div>  
				<div lang="de"><br>&nbsp;</br></div>  
				  
				<h2 lang="it">Colazione per smaltire la Sbornia </h1>  
				<p lang="de">Katerfrühstück</p>  
				<div lang="it"><br>&nbsp;</br></div>			  
				<div lang="de"><br>&nbsp;</br></div>			  
			</div>  
  

  
  
#subbody {  
    padding-top:20px;  
    column-gap:0.5cm  
    -moz-column-gap: 0.5cm;  
    -webkit-column-gap: 0.5cm;  
/*  
    column-width: 8cm;  
    -moz-column-width: 200px;  
    -webkit-column-width: 200px;  
*/  
    column-count: 2;  
    -moz-column-count: 2;  
    -webkit-column-count: 2;  
}  
  
#subbody h2 { margin-top: 20px; }  
  

Es wird im obigen Beispiel umgebrochen und mit zwei Spalten dargestellt. Das soll so sein.
Aber leider ist in der Linken Spalte über der Überschrift noch ein Margin, den ich nicht weg bekomme.

+--------------------------------------------------------------+
|                                   Überschrift Vier           |
|  Überschrift Eins                 (Übersetzung)              |
|  (Übersetzung)                                               |
|                                                              |
|                                   Überschrift Drei           |
|  Überschrift Zwei                 (Übersetzung)              |
|  (Übersetzung)                                               |
|                                                              |
|                                                              |
+--------------------------------------------------------------+

Das CSS wird auch im Folgenden nicht mehr überschrieben. Ist ja ein beliebter Fehler.
Aber ich finde nich, wie ich es machen muss, dass der Margin über Ü1 und Ü3 gelich ist.

Spirituelle Grüße
Euer Robert

--
Möge der Forumsgeist wiederbelebt werden!
  1. Hallo,

      		<h2 lang="it">Prime Colazione maestoso</h1>  
    
      
    Den Validator kennst du? Du solltest alle html-Felher ausbügeln, bevor du dich über css-Felher wunderst...  
      
    Gruß  
    Kalk
    
    1. Liebe Mitdenker,
      liebe Wissende,
      liebe Neugierige,

      ja!

      Hallo,

        		<h2 lang="it">Prime Colazione maestoso</h1>  
      
      
      >   
      > Den Validator kennst du? Du solltest alle html-Felher ausbügeln, bevor du dich über css-Felher wunderst...  
        
      Stimmt auffallend: \*oh\*  
        
      Fehler beseitigt. Hat nicht geholfen...  
        
        
        
        
        
      Spirituelle Grüße  
      Euer Robert
      
      -- 
      Möge der Forumsgeist wiederbelebt werden!
      
      1. Om nah hoo pez nyeetz, Robert R.!

        Fehler beseitigt. Hat nicht geholfen...

        auch die komischen <br>&nbsp;</br>?

        W3C-Standards immer als letztes notieren!

        Matthias

        --
        Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Maus und Mauser.

        1. Liebe Mitdenker,
          liebe Wissende,
          liebe Neugierige,

          ja!

          Om nah hoo pez nyeetz, Robert R.!

          Fehler beseitigt. Hat nicht geholfen...

          auch die komischen <br>&nbsp;</br>?

          Ja, auch die gegen einfache <br>
          Der Vali schimpft ja auch nicht mehr, weder bei HTML noch bei CSS

          Ich hatte aber irgendwie auch noch eine BOM reinbekommen, aber die war es auch nicht...
          Nun habe ich für die <h2> Margin-Top auf 0 getellt und dem subbody einen Margin-Top gegeben. Leider muss ich jetzt die Leerzeile über einer Überschrift "zu Fuß" einbauen... Das ist nicht der Sinn der Übung.

          Ulkigerweise wird ein Padding-top für subbody beachtet, nur das margin-top für die <h2> (rechte Spalte oben) nicht. Könnte vielleicht doch ausnahmsweise mal ein Bug ein?

          Spirituelle Grüße
          Euer Robert

          --
          Möge der Forumsgeist wiederbelebt werden!
  2. @@Robert R.:

    nuqneH

    Ich kriegs nicht hin...

    [code lang=html]
    [code lang=CSS]

    Hatte ich schon erwähnt, ein Online-Beispiel zu erstellen?

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
  3.   	<div id="subbody">  
      		<h2 lang="it">Prime Colazione maestoso</h1>  
    

    #subbody h2 { margin-top: 20px; }

    Aber leider ist in der Linken Spalte über der Überschrift noch ein Margin, den ich nicht weg bekomme.

    Aber ich finde nich, wie ich es machen muss, dass der Margin über Ü1 und Ü3 gelich ist.

    Die erste Überschrift ist das erste Element in #subbody, ergo kriegst du den Abstand dort weg mit

    #subbody h2:first-child { margin-top: 0px; }