Ich erstelle grade in größeres Projekt für mich selber und ich habe dabei auch schon vieles gelernt, vor allem da ich mich mit Themen wie Sicherheit, bessererem Design aber auch OOP beschäftigt habe bzw. musste aber das ist alles nur privat, um das mal direkt richtig darzustellen.
Dabei habe ich jetzt aber das Problem, das in Firefox bei mir alles richtig dargestellt wird aber in dem IE und Chrome sieht das leider an einigen Stellen ganz anders aus, wobei die Darstellung beim IE und Chrome schon gleich aussieht. Hier mal ein paar Beispiele:
http://imgur.com/a/odJDw
Das erste ist dabei Firefox und die anderen beiden dann der IE und Chrome aber wieso sieht das so anders aus? Das ist ja schon ein sehr deutlicher Unterschied.
HIer auch noch mal ein Beispiel für einen Abstand, der auch schon ziemlich unterschiedlich ist.
http://imgur.com/a/rFc4f
Das erste Bild ist dabei wieder Firefox und das zweite Chrome. IE habe ich jetzt mal ausgelassen, da es ganz genau so aussieht im IE, wie auch in Chrome.
Wie kommt das, dass das teilweise doch so unterschiedlich ist? Die meisten Sachen in meinem Projekt sehen überall gleich aus aber 10 Sachen ungefähr leider nicht. Liegt das da an floats und negativen margins? Muss man dabei noch irgendetwas beachten?
Ich habe mal versucht, den ersten "Fehler" für den Chrome Browser auszugleichen und so sieht das CSS für den "Auswählen" Text in Firefox aus: (also wie es sein sollte)
und so für die Checkbox:
und so sieht das aus, wenn ich das in Chrome auch so ausrichten würde, also richtigstellen würde. Das hier ist dabei wieder für dien Auswählen Text:
und das für die Checkbox:
Das habe ich in diesem Element-untersuchen Werzeug in Chrome gemacht. Mir fällt der Name davon grade nicht ein aber ist ja auch egal. Wie kommt es da also zu diesen krassen Unterschieden? Über Vorschläge oder Ratschläge würde ich mich sehr freuen!
Entschuldigung übrigens für jedwede Fehler in meinem Thread hier aber meine Tastatur spinnt derzeit extrem. Ich musste so einiges korrigieren.
Dabei habe ich jetzt aber das Problem, das in Firefox bei mir alles richtig dargestellt wird aber in dem IE und Chrome sieht das leider an einigen Stellen ganz anders aus, wobei die Darstellung beim IE und Chrome schon gleich aussieht. Hier mal ein paar Beispiele:
http://imgur.com/a/odJDw
Das erste ist dabei Firefox und die anderen beiden dann der IE und Chrome aber wieso sieht das so anders aus? Das ist ja schon ein sehr deutlicher Unterschied.
HIer auch noch mal ein Beispiel für einen Abstand, der auch schon ziemlich unterschiedlich ist.
http://imgur.com/a/rFc4f
Das erste Bild ist dabei wieder Firefox und das zweite Chrome. IE habe ich jetzt mal ausgelassen, da es ganz genau so aussieht im IE, wie auch in Chrome.
Wie kommt das, dass das teilweise doch so unterschiedlich ist? Die meisten Sachen in meinem Projekt sehen überall gleich aus aber 10 Sachen ungefähr leider nicht. Liegt das da an floats und negativen margins? Muss man dabei noch irgendetwas beachten?
Ich habe mal versucht, den ersten "Fehler" für den Chrome Browser auszugleichen und so sieht das CSS für den "Auswählen" Text in Firefox aus: (also wie es sein sollte)
CSS:
.b-select
{
float: left;
display: inline;
margin-left: 145px;
margin-top: -29px;
}
und so für die Checkbox:
CSS:
.select-Checkbox
{
float: right;
margin-right: 608px;
margin-top: -25px;
clear: left;
}
und so sieht das aus, wenn ich das in Chrome auch so ausrichten würde, also richtigstellen würde. Das hier ist dabei wieder für dien Auswählen Text:
CSS:
.b-select
{
float: left;
display: inline;
margin-left: 15px;
margin-top: -26px;
}
und das für die Checkbox:
CSS:
.select-Checkbox
{
float: right;
margin-right: 608px;
margin-top: -25px;
clear: left;
}
Das habe ich in diesem Element-untersuchen Werzeug in Chrome gemacht. Mir fällt der Name davon grade nicht ein aber ist ja auch egal. Wie kommt es da also zu diesen krassen Unterschieden? Über Vorschläge oder Ratschläge würde ich mich sehr freuen!
Entschuldigung übrigens für jedwede Fehler in meinem Thread hier aber meine Tastatur spinnt derzeit extrem. Ich musste so einiges korrigieren.
Zuletzt bearbeitet: