Detlef G.: <hr> im Opera in Element zentrieren

Beitrag lesen

Hallo Konrad

... ich wäre allerdings trotzdem an einer Lösung des Problems interessiert, wenn jemand eine weiß.

Es ist für mich nicht hachvollziehbar, warum der Opera 7.23 nicht dazu zu
überreden ist, die hr zu zentrieren, wobei der IE 6.0 dies auch nicht
wirklich tut.
Eine Lösung, die ich allerdings nicht unbedingt für gut halte und auch nur
in IE 6.0, Mozilla 1.6 und Opera 7.23 getestet habe, wäre:

#nav {
    width: 20%;
}

.lightbox {
    background: #DCFE79;
    padding: 16px;
}

.lightbox:before {
    background: transparent url('pics/light-green-tr.png') scroll no-repeat top right;
    content: url('pics/light-green-tl.png');
    display: block;
    font-size: 1px;
    height: 16px;
    padding: 0;
    margin:-16px -16px 0 -16px;
}

.lightbox:after {
    background: transparent url('pics/light-green-br.png') scroll no-repeat top right ;
    content: url('pics/light-green-bl.png');
    display: block;
    font-size: 1px;
    height: 16px;
    padding: 0;
    margin:0 -16px -16px -16px;
}

hr {
    border: none;
    border-top: 1px solid Silver;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}

p {
    margin: 1em 0;
    text-align: center;
}

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!