• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

IE sucks...<hr />

Es ist toll, wie der Thread sich entwickelt hat.
Kontroverse Diskussionen haben immer was für sich.

Aber nochmal zum width:
wenn ich aber nicht die Breite des äußeren Elementes will,
muß ich eine Breite angeben die meinen Vorstellungen entspricht.
In dem Fall eben nicht von Rand-Links zu Rand-Rechts,
sondern nur von Rand-Links 75%...

@bine:
im FireFox funktioniert Deine Linie nicht wie ich eben festgestellt habe...
 
Zuletzt bearbeitet:
Mir hat das jetzt mit dem <hr /> keine Ruhe gelassen und ich habe eine Lösung gefunden.

Erstmal der Quelltext zum Rauskopieren und selber testen:
Code: 
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
        <head>
        <title>hr</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
        /*<![CDATA[*/
             #blau { width:800px; height:500px; background:#598DEB; padding-top:10px; }
        /*]]>*/
        </style>
        </head>
        <body>
                <div id="blau">
                <hr style="height:1px; background-color:#fff; color:#fff; border:0px; width:75%; text-align:left; margin-left:0px;" />
                </div>
        </body>
</html>

Ausgangslage ist es, dass ich eine Linie will,
die 75% des übergeordneten Elementes hat, Links ausgerichtet ist und eine Stärke von 1 Pixel hat..

Die einzelnen Werte im Detail:
Code: 
height:1px; 
background-color:#fff; <- braucht der Mozilla/FireFox
color:#fff; <- braucht der IE
border:0px; <- braucht der Opera
width:75%; 
text-align:left; <- braucht der IE/Opera 
margin-left:0px; <- braucht der Mozilla/FireFox, sonst zeigt er die Linie zentriert an
 
jups, schön das das jetzt so gründlich ausgelotet wurde.

Das nächste Browser-Kompatibilitätsproblem liegt auch schon in meinem Editor :whacky:
 
womstar schrieb:
Also mit meiner Methode oder mit einem BG-Image könnte man sich das Hick Hack sparen. ;):D
Zum Vergrößern anklicken....

Wieso Hick-Hack?
Dadurch wird das <hr />-Tag korrekt 'stand-alone' verwendet.

Und der Code ist nicht zu lang, wenn man sowieso eine externe CSS nimmt...
Code: 
<hr style="height:1px; background-color:#fff; color:#fff; border:0px; width:75%; text-align:left; margin-left:0px;" />
Und es ist weniger Tipperei...
 
Ich meine mit Hick Hack diese ganzen Anweisungen und jede für einen anderen Browser. Ich verwende nun mal gerne das was jeder versteht. Solche kontruckte oder gar Hacks, die oft propagiert werden, sind mir zu umständlich und zu inkompatibel an einigen Stellen. Aber das ist ja wieder Ansichtssache.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben