Border-bottom:XX; von h1 im IE

[Sand*mann]

Hallo zusammen!

Ich habe hier eine Überschrift (h1), die ich folgendermaßen formatiert habe:

#content h1 {
	color:#669900;
	border-bottom:2px #669900 solid;
	font-size:2em;
}

Der border-bottom wird aber im IE nicht angezeigt. Was soll ich tun?

[satre]

Vielleicht liegts an der falschen Reihenfolge:

border-bottom:2px solid #669900;

[webcreate]

Mag es an der Reihenfolge liegen?
Normal ist: Breite, Art, Farbe

OK, zu lahm, leg mich schon wieder hin

[Boris]

Eigentlich sollte die Reihenfolge egal sein ...

[webcreate]

Boris?? Alles klar? Du verwendest das Wort "eigentlich" in Verbindung mit dem IE?

[Boris]

Auch wieder war

[Sand*mann]

Man seid ihr gut drauf heute.

Mein Problem ist allerdings immer noch da. An der Reihenfolge lags nicht.

[Boris]

Na dann zeig uns doch mal einfach den Rest der Website, HTML, CSS ...

[Sand*mann]

Zitat von Boris

Na dann zeig uns doch mal einfach den Rest der Website, HTML, CSS ...

Naja html seht ihr ja einfach per Quelltext und da kann man auch die Adresse des CSS hernehmen, nämlich die hier: http://edit/style.css

[Daniel FR]

Also, ich hab ne Seite, da funktioniert border-bottom im IE bei einem h3-tag. Ich habe dort background und padding definiert. Vielleicht hilft es, wenn du mal was davon ausprobierst. Mein CSS (Ausschnitt):

div#seiteninhalt h3.h3alternativ
{
background-color:transparent;
padding:.5em 1% .25em;
border-bottom:2px solid #ec8;
}

Gruß, Daniel

[Sand*mann]

Zitat von Daniel FR

Also, ich hab ne Seite, da funktioniert border-bottom im IE bei einem h3-tag. Ich habe dort background und padding definiert. Vielleicht hilft es, wenn du mal was davon ausprobierst. Mein CSS (Ausschnitt):

div#seiteninhalt h3.h3alternativ
{
background-color:transparent;
padding:.5em 1% .25em;
border-bottom:2px solid #ec8;
}

Gruß, Daniel

Also ich habe gerade deinen CSS-Code kopiert, und mit dem geht es im IE auch nicht...

Aber die Überschrift wirkt mit dem Padding schonmal optisch schöner.

[Nele]

Es gibt ein paar Anweisungen, die den IE oft wieder auf die gerade Bahn bringen, aber mit dem eigentlichen Problem nichts zu tun haben.
Die da wären:

height:1%;
display:inline;
width:100%;

und wenn alle Stricke reißen display:none.

In deinem Fall würde ich zu width:100% raten, da stören sich auch die anderen Browser nicht dran.

#content h1 {
	border-bottom: 2px solid rgb(102, 153, 0);
	color: rgb(102, 153, 0);
	font-size: 2em; 
	width:100%}

[Sand*mann]

Zitat von Nele

Es gibt ein paar Anweisungen, die den IE oft wieder auf die gerade Bahn bringen, aber mit dem eigentlichen Problem nichts zu tun haben.
Die da wären:

height:1%;
display:inline;
width:100%;

und wenn alle Stricke reißen display:none.

In deinem Fall würde ich zu width:100% raten, da stören sich auch die anderen Browser nicht dran.

#content h1 {
	border-bottom: 2px solid rgb(102, 153, 0);
	color: rgb(102, 153, 0);
	font-size: 2em; 
	width:100%}

Ja tatsächlich!

Das width:100%; hat's schon gelöst!

Vielen Dank, Nele!

[Daniel FR]

Da verstehe ich nicht, warum es auf meiner weiter oben erwähnten Seite ohne width:100% ging? (Vielleicht wegen dem width im umschließenden div?)

[Nele]

Normalerweise geht es auch ganz normal im IE. Aber wie der IE nun mal so ist, überlegt er sich das schon mal gerne anders, wenn ihn irgendeine Kombi von Anweisungen zwackt.

Zum Glück gibt's gegen sowas ja die oben genannte Medizin. Also gar nicht weiter den Kopf darüber zerbrechen.