Div mit class in einem Div mit id

[Hans]

Hallo,

ich habe flogende Konstruktion
<div id="text">
     <div>
        <div class="mittig"><img...></div>
        blablabla
     </div>
<div>

#text
#text div
.mittig
sind vorhanden.
Doch warum mit das "Div Class" immer mit dem parameter
für das "#text div" angezeigt ?

Mit freundlichen Gruß

Hans

[Gernot Back]

Hallo Hans,

Doch warum mit das "Div Class" immer mit dem parameter
für das "#text div" angezeigt ?

Aufgrund der höheren Spezifität.

Gruß Gernot

[Ashura]

Hallo Gernot.

Aufgrund der höheren Spezifität.

Seit wann gibt es dieses Kapitel in SELFHTML?

Einen schönen Freitag noch.

Gruß, Ashura

[Ingo Turski]

Hi,

Aufgrund der höheren Spezifität.

Seit wann gibt es dieses Kapitel in SELFHTML?

das ist mit den CSS-basierten Layouts in die 8.1 aufgenommen worden.

freundliche Grüße
Ingo

[Ashura]

Hallo Ingo.

Seit wann gibt es dieses Kapitel in SELFHTML?
das ist mit den CSS-basierten Layouts in die 8.1 aufgenommen worden.

Ah, gut. Ich sollte wohl hin und wieder einmal bekannte Kapitel erneut durchstöbern.

Einen schönen Freitag noch.

Gruß, Ashura

[Auge]

Hallo

Hallo,

ich habe flogende Konstruktion
<div id="text">
     <div>
        <div class="mittig"><img...></div>
        blablabla
     </div>
<div>

#text
#text div
.mittig
sind vorhanden.
Doch warum mit das "Div Class" immer mit dem parameter
für das "#text div" angezeigt ?

Weil es eines von mehreren, <div>s im Bereich von #text ist. Wenn du für <div class="mittig"> Extraangaben machen willst, musst du es im CSS von den anderen Elementen in #text unterscheiden können. Mit #text div.mittig {...} lässt sich das bewerkstelligen.

Davon abgesehen solltest du dein Konzept überdenken. Das Bild lässt sich auch ohne ein umgebendes Element ausrichten. Das <div>, welches sowohl den Text "blablabla", als auch das <div> mit dem Bild, fungiert offensichtlich als Textabsatz. Genau dafür gibt es übrigens das Element <p></p>, welches sich in Bezug auf CSS genauso verhält, wie ein <div>. Es sagt dem Browser allerding explizit, dass es ein Textabsatz ist.
Einziger Nachteil: es darf keine Blockelemente enthalten, was, zumindest in diesem Fall, wegen der Möglichkeit das Bild ansich auszurichten, auch nicht notwendig ist.

Tschö, Auge