✔ Internet Explorer mag mich nicht :(

[Asteria]

Guten Morgen zusammen!

Ich versuche gerade meine Seite browserübergreifend
möglichst einheitlich / ähnlich darzustellen.
Eigentlich macht da nur der IE Probleme mit..
...und nun hab' ich ein Problem bei dem ich nicht weiter komme

Ich habe einen <div> mit einem Rahmen erstellt,
der folgende CSS Eigenschaften hat:

#rahmen_rohstoffe        {
                                 border:1px;
                                 border-color:#805114;
                                 border-style:solid;
                                 margin:0px;             }

Eigentlich extrem simpel. Chrome, Safari, Netscape und Firefox zeigen
den Rahmen alle vernünftig an. Im IE fehlt der rechte Border.
Alle anderen 3 Border werden angezeigt..
Ich hab' auch versucht statt border: direkt jede Seite einzeln
per border-left-width: zu definieren und der rechten Seite dann
einfach mal zum Test 2px zu geben.. aber auch das hilft nicht.

Jemand eine Idee?
Beste Grüße.


Anhang:
So wird der div aufgerufen:

<table border="0" width="100%" height="100%">
<tr><td align="center" valign="top" width="90%" height="100%">
 <div id="rahmen_rohstoffe">
 Blablabla
 </div>
</td></tr></table>

 

[GMF]

Habs mal Local bei mir getestet, deinen Code 1zu1 übernommen. Bei mir wird in jedem Browser der Border richtig angezeigt. Habs im IE 9 und im IE-Tester getestet.
Versuch mal die IE Browser History zu löschen und schau ob du keine Fehler übersehen hast.

 

[fpvz]

Öhm, wieso ein div und nicht direkt das Td nutzen?

Du kannstübrigens CSS-Eigenschaften des gleichen Typs zusammenfassen.
Das spart Code und das wiederum Speicherplatz.

aus

border:1px;
border-color:#805114;
border-style:solid;

wird dann ein Einzeiler:

border: 1px solid #805114

Gruß

 

[GMF]

Das spart Code und das wiederum Speicherplatz.

Ja, genau 36 Bytes. Übersichtlichkeit vor Optimierung und Optimieren wo es sinnvoll ist.
Wenn du das natürlich ein paar Hundert mal hast, dann könntest du es in eine Zeile schreiben. Aber wegen 36 Bytes zum Optimieren anfangen

Und das mit dem td stimmt.

 

[Asteria]

Ich benutz' den IE eigentlich nie.
Hab' grad festgestellt, dass ich noch Version 7.0.6 habe.
Danke für's testen.. sehr beruhigend!

Im Übrigen:
Wenn ichs in den <td> einfüge, schafft mein IE das auch das darzustellen.
Mit dem <div> klappt's seltsamerweise nicht.

Danke euch beiden.
Beste Grüße.

 

[fpvz]

Ja, genau 36 Bytes. Übersichtlichkeit vor Optimierung und Optimieren wo es sinnvoll ist.

Naja übersichtlich muss es in erster Linie nur für den Entwickler sein, und nicht umbedingt für den Seitenbesucher.

Wenn der Entwickler die Logik hinter dem Zusammenführen von Css-Eigenschaften verstanden hat, ist die Übersichtlichkeit m.M. sogar besser, gerade bei größeren Blöcken.

Und 36Bytes sind 36Bytes. Das mag nicht nach viel klingent, aber in Anwendung auf z.B Mobilgeräten, sieht die Sache schon ganz anders aus (Datenbegrenzung).

 

[GMF]

Ja, das mit den Mobilgeräten stimmt schon. Aber selbst da ist es seit den Smartphones nicht mehr soooo wichtig. Naja, egal.

Hoffe es klappt bei dir, Asteria