Beiträge von stefkey

Welche Beispiele?

#content h4, #content h5 { color:red; }

Hast du eingesetzt in dein css?

Oh, danke dir! Stimmt, da blickt ja sonst keiner durch.

Angehängt ein jpg. Ich habs fast. Nur wie schaffe ich das der gelbe Block 100% Höhe des umliegenden Block hat? Also ohne height Angabe.

Geht vielleicht height: 1000px und im äußeren Block dann overflow: hidden?
hmmm.

Ich bleibe dran! Aber vielleicht hat ja noch jemand eine Idee.

Die Methode mit der Axt: color: red !important;
Aber das macht man nicht! Deine CSS-Anweisungen immer als letztes einbinden (die überschreiben dann ggf. vorige Anweisungen) und in deinem Beispiel fehlt #content vor dem h4
Wie MrMurphy sagt: Gewichtung und Spezifität mal beschäftigen.
Grüße, stefkey

Hallo zusammen,

ich denke irgendwie muss es doch möglich sein innerhalb eines Content Blocks welcher eine feste Breite von sagen wir 900px hat (links und rechts also ein weißer rand sofern das Browserfenster breiter eingestellt ist) für nur einen kleinen Abschnitt aus diesem Rahmen "auszubrechen". Es geht um eine Hintergrundfarbe (background-color) die eben ausnahmsweise immer bis zum Browserrand gehen soll.

Die Lösung mit margin: 0 -1000px (damit läuft die Hintergrundfarbe 1000px weiter links und das ist ausreichend) und padding: 0 1000px (damit kommt der Inhalte wieder dort hin wo er soll) geht zwar, aber es müsste doch auch mit position: absolut; left: 0 und position: relative zu machen sein, oder?

Und als besonderes Feature müsste der absolute-Block sich der Höhe des relativ-Blocks anpassen. grrrr das muss doch gehen? Es will aber nicht

So sähe es aus:

<div class="content">
    <div>Text_1 bald blah blah</div>
    <div>Bild_1 bald blah blah</div>
    <div>Text_2 bald blah blah</div>
    <div> Hier nun grau hinterlegter Text, aber die Hintergrundfarbe soll bis zum Browserfensterrand gehen.
        <div style="position:absolute; left:0; background-color:#ccc">Dieser Block macht die Hintergrundfarbe, soll jedoch 100% height des umschließenden Blocks sein. </div>
    </div>
    <div>Text_3 bald blah blah</div>
</div>

Vielleicht kann mir hierzu jemand sagen ob das überhaupt machbar ist oder ob da nur diese margin "-1000 Methode" bleibt.

Grüße, stekfey
[size=10]

[size=10]