Verhalten bei Benutzung eines hr tags 
Autore: Der Zwoemti
Visite 631,
Followers 1,
Condiviso 0
HTML Objekt
<hr class="inhalt-doppel" />
CSS Bereich
hr.inhalt-doppel {
height: 9px;
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;}
theoretisch jetzt oben und unten roter Rand.
Praktisch stimmt das aber links erscheint auch noch ein kleiner grauer Rand.
Woher kommt dieser Rand? Gleiches Verhalten ab V9 - V8 hab ich nicht getestet.
Das Thema hier
http://answers.websitex5.com/post/58098
hab ich jetzt auch mal aufgegriffen... ich seh da irgendwie auch keine Besserung.
Postato il
Das ist beim hr-Tag so.
Du musst die Eigenschaft ergänzen:
border: none;
also:
hr.inhalt-doppel {
height: 9px;
border: none;
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;}
Schau mal hier:
http://www.css4you.de/trickkiste/tr00007.html
Autore
Ach auch mal wieder da
ich weiß aber du hast es nicht ganz getroffen... border-left und border-right auf 0 und alles klappt.
Bei dir sagst erst kein Rand und dann doch einen....
Wäre nur schön zu wissen woher es kommt - das es so ist weiß ich
Das ist doch letztendlich Wust...
Mit hr sage ich ihm auch Rahmen und dann sage ich ihm rechts und links keinen...
Ist doch nur eine Ablaufabfrage.
Woher das kommt:
Voreingestellt für das Für das <hr>-Tag ist ein 3D-Rahmen und ein transparenter Hintergrund.
Autore
manchmal muss man ausgeschlafen sein....
mit hr sage ich horizontale Linie die wird dann nur zum Kasten wenn eine Höhe gesetzt ist....aber...wieso ist sie abgeschnitten auf der rechten Seite..... das ist die Frage... da hilft auch keine Breitenänderung
Warum überhaupt <hr class="inhalt-doppel" />
und nicht nur <hr>
dann:
hr {
color: #F00;
border: none;
height: 9px;
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
width: 90%;
}
Autore
weil mehrer hr erstellt werden sollen mit unterschiedlichen Klassen