Problem mit CSS

[dn3d_fanboy]

Hallo allerseits,
ich wieder mal ein Problem mit CSS. Und zwar geht es um folgende Seite:


Dort habe ich im Content unten eine dreispaltige Übersicht mit float eingebaut. Das funktioniert auch einwandfrei. Das Problem sind die Überschriften darin. Diese habe ich zunächst in ein eigenes DIV gesteckt, da die Überschriften sonst das Logo bedecken (gibt es da auch eine bessere Lösung, ohne eine zusätzliche verschachtelte DIV Box?).

#column1-header, #column2-header, #column3-header {width: 235px;
                                                  height: 85px;
                                                  padding: 0px 0px 0px 85px;}

DAS funktioniert ja problemlos. Nun kommt der Haken. Die Überschriften (h2) habe ich auch zusammengefasst:

#column1-header, #column2-header, #column3-header h2    {font-family: SourceSansPro-Regular, Arial, sans-serif;
                                                    font-size: 20px;
                                                    color: #1d1d1b;
                                                    font-style: italic;}

Die Überschrift rechts wird in der korrekten Größe dargestellt. In der Mitte und links ist die Überschrift allerdings viel zu groß. Ich komme nicht drauf warum. Denn es wird die richtige Schriftart genommen und auch der font-style wird richtig dargestellt, nur die Größe halt nicht.

Weiß irgendwer was da los ist?

Es wäre echt nett, wenn mir jemand helfen könnte.

Besten Dank im Voraus.

 

[patrick_l]

AW: Problem mit CSS

Wieso sprichst du nicht einfach die einzelnen Überschriften an und formatierst diese, so wie du sie haben willst. Das geht doch schon ganz ohne unnötige Divs. Davon abgesehen würde ich die Website »zukunftsorientiert« mit HTML5 umsetzen.

Edit:

<div id="wrapper">
      <section>
        <div id="box1">
          <h2>title</h2>
        <p>text</p>
      </div>
      <div id="box2">
          <h2>title</h2>
        <p>text</p>
      </div>
    </section>
</div>

In CSS nach Wunsch formatieren.

Liebe Grüße, Patrick

 

[mwxx]

AW: Problem mit CSS

Oha, du sprichst auch nur die rechte Überschrift an !
Du musst also statt
"#column1-header, #column2-header, #column3-header h2" folgendes schreiben:
#column1-header h2, #column2-header h2, #column3-header h2"
um alle 3 anzusprechen.

 

[znaxi]

AW: Problem mit CSS

da hat mwxx recht.
Ich würde schon, bevor ich sie drei mal anspreche, eine Klasse für die h2 machen...ist aber Geschmackssache

 

[deha]

AW: Problem mit CSS

Ich sehe keine float-Angaben in deinem css.
Aber wenn du alle h2 in den colums per css formatieren möchtest, musst du auch alle IDs selektieren:

#column1-header h2, #column2-header h2, #column3-header h2 {
...
}