TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 19.06.2006, 18:51   #1
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Question

[border-style: double] Warum siehts im IE anders aus?


Eigentlich steht alles im Betreff

Ich habe für einen Container o.g. Border-Style angewand.
Mozilla Firefox, Opera 8 & 9 übernehmen zwischen den beiden Borders die Farbe des Containers.
IE 5, 6 & 7 jedoch übernehmen zwischen den beiden Borders die Hintergrundfarbe des Bodys.

Was ist eigentlich richtig und wie könnte man das ganze einheitlich darstellen?

Listing:
HTML-Code:
#container{
margin:0 auto;
padding:0;
width:744px;
min-height: 100%;
height: 100%;
text-align: left;
background-color:#FFFFFF;
border-left-color: #BF060C;
border-left-style: double;
border-left-width: 6px;
border-right-color: #BF060C;
border-right-style: double;
border-right-width: 6px;
}
__________________
Gruß Torsten!
________________

Torsten ist offline   Mit Zitat antworten


Alt 19.06.2006, 19:27   #2
TP-Moderator
 
Benutzerbild von satre
 
Registriert seit: Jan 2005
Ort: Düsseldorf
satre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine User
Das scheint wohl eine Eigenart des IE zu sein.
Zur Not könnte man den Rahmen mit einer 6px Breiten Grafik simulieren.

Oder du verschachtelst zwei Container, wobei der untere 12px breiter ist und die Hintergrundfarbe weiß hat.

PS:
Das lässt sich doch schöner Zusammenfassen:
Code:
border-left: 6px double #BF060C;
border-right: 6px double #BF060C;
edit.
so funktionierts:


Code:
<div style="background-color:white; width:756px; margin:0px auto;">
<div id="container">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
__________________
» satre synchron

Geändert von satre (19.06.2006 um 19:33 Uhr).
satre ist offline   Mit Zitat antworten
Alt 19.06.2006, 20:03   #3
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Hallo Satre, hab vielen Dank für Deine Antwort und die Tipps

Zitat:
Zitat von satre
Das scheint wohl eine Eigenart des IE zu sein.
Zur Not könnte man den Rahmen mit einer 6px Breiten Grafik simulieren.

Oder du verschachtelst zwei Container, wobei der untere 12px breiter ist und die Hintergrundfarbe weiß hat.
Das möchte ich nicht - ich möchte einfach ganz normale CSS-Anweisungen anwenden.

Eigentlich stört mich auch nur, das es sogar der IE7 anders macht und ich nicht weiß wer es nun richtig macht.

Zitat:
Zitat von satre
PS:
Das lässt sich doch schöner Zusammenfassen:
Code:
border-left: 6px double #BF060C;
border-right: 6px double #BF060C;
Ich weiß, das Stylesheet befindet sich noch in der Entwurfsphase und der CSS-Editor von Dreamweaver lässt es in der Kurzschrift nicht zu Farben aufzupicken.
Deswegen benutze ich bei sämtlichen anweisungen welche Farbwerte benötigen in der Entwicklungsphase die unschöne lange Schreibweise um bequem mit dem Editor zu arbeiten und die Funktionen voll auszunutzen

LG, Torsten
__________________
Gruß Torsten!
________________

Torsten ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
[border-style: double] Warum siehts im IE anders aus? [border-style: double] Warum siehts im IE anders aus?
« .mini class - erste Schritte | Div-Construkt: IE zeigt zuviel Abstand an »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:50 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67