WinFuture-Forum.de: Unterschiedliche Darstellungen In Unterschiedlichen Browsern - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Unterschiedliche Darstellungen In Unterschiedlichen Browsern Das leidige Thema


#1 Mitglied ist offline   Stefan_der_held 

  • Gruppe: Offizieller Support
  • Beiträge: 14.289
  • Beigetreten: 08. April 06
  • Reputation: 885
  • Geschlecht:Männlich
  • Wohnort:Dortmund NRW
  • Interessen:Alles wo irgendwie Strom durchfließt fasziniert mich einfach weswegen ich halt Elektroinstallateur geworden bin :)

geschrieben 01. Juni 2009 - 15:56

Hi Leute....

mom bastel ich an einer neuen Website

http://s-geschwind.de/

nur stehe ich mal wieder vor einem leidigem Thema:

im IE ist das Format komplett zerrissen (icons werden ua nicht zentriert). Schaue ichs mir im FF an, so siehts so aus wie ich es haben wollte....

Bin nun leider einwenig in sachen HTML/PHP aus der Übung... kann mir da mal bitte jemand helfend unter die Arme greifen?

MFG

Stefan

EDIT:

zum besserem Verständnis:

Angehängtes Bild: Unbenannt.jpg

Dieser Beitrag wurde von Stefan_der_held bearbeitet: 01. Juni 2009 - 16:09

0

Anzeige



#2 Mitglied ist offline   shiversc 

  • Gruppe: aktive Mitglieder
  • Beiträge: 4.713
  • Beigetreten: 27. März 03
  • Reputation: 26
  • Geschlecht:Männlich
  • Interessen:IT-Systeme

geschrieben 01. Juni 2009 - 16:26

Die Qualität ist es dir Wert! :blush:

Der IE interetiert gerne Innen- und Aussenabstände anders wie richtige Browser es machen. Um zu gucken wie unterscheidlich es die einzelnen IE-Versionen sehen, empfehle ich dir den IETester.

http://www.my-debugb...Tester/HomePage
Admin akbar
0

#3 Mitglied ist offline   Tom82 

  • Gruppe: aktive Mitglieder
  • Beiträge: 33
  • Beigetreten: 06. März 06
  • Reputation: 0

geschrieben 01. Juni 2009 - 16:38

Du hast ganz einfach die spalten nicht zentriert
So müsste das aussehen

text-align: center; vertical-align: middle;

<table
 style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr> <td
 style="width: 64px; height: 150px; background-color: rgb(0, 0, 0); text-align: center; vertical-align: middle;"><a
 href="index.html"><img
 style="border: 0px solid; width: 64px; height: 64px;"
 alt="Startseite" title="Startseite"
 src="IMG/NAV/HOME.jpg"></a></td> <td
 style="text-align: center; height: 64px; width: 64px; background-color: rgb(0, 0, 0);"><a
 href="kontakt.html"><img
 style="border: 0px solid; width: 64px; height: 64px;"
 alt="Kontakt" title="Kontakt" src="IMG/NAV/AT.jpg"></a></td>
<td
 style="height: 64px; width: 64px; background-color: rgb(0, 0, 0); text-align: center; vertical-align: middle;"><a
 href="rechtliches.html"><img
 style="border: 0px solid; width: 64px; height: 64px;"
 alt="Rechtliches" title="Rechtliches"
 src="IMG/NAV/RECHT.jpg"></a></td> <td
 style="height: 64px; width: 64px; background-color: rgb(0, 0, 0); text-align: center; vertical-align: middle;"><a
 href="downloads.html"><img
 style="border: 0px solid; width: 64px; height: 64px;"
 alt="Downloads" title="Downloads" src="IMG/NAV/DWN.jpg"></a></td>
</tr> </tbody> </table>


MfG Tom

Dieser Beitrag wurde von Tom82 bearbeitet: 01. Juni 2009 - 17:07

0

#4 Mitglied ist offline   Stefan_der_held 

  • Gruppe: Offizieller Support
  • Beiträge: 14.289
  • Beigetreten: 08. April 06
  • Reputation: 885
  • Geschlecht:Männlich
  • Wohnort:Dortmund NRW
  • Interessen:Alles wo irgendwie Strom durchfließt fasziniert mich einfach weswegen ich halt Elektroinstallateur geworden bin :)

geschrieben 01. Juni 2009 - 19:14

@shiversc
wer hat denn gesacht, dass ich ALLETT von MS einsetze? :cool:

aber schon lustig dass sich MS selbst nicht zu EINEM Standard entscheiden kann....

@Tom82
Danke. Werd ich testen.... nur für heute kann ich keinen Code mehr sehen :wink:
0

#5 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.942
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 02. Juni 2009 - 09:33

Erstmal würde ich sowieso einen ordentlichen Dokumententyp angeben, da die Browser die Seite sonst im Quirks-Modus (so wie sie wollen und nicht nach dem Standard) rendern.

Und wenn du schon dabei bist, versuche Tabellenlayouts zu vermeiden und setze stattdessen div-Container an.
0

#6 Mitglied ist offline   Stefan_der_held 

  • Gruppe: Offizieller Support
  • Beiträge: 14.289
  • Beigetreten: 08. April 06
  • Reputation: 885
  • Geschlecht:Männlich
  • Wohnort:Dortmund NRW
  • Interessen:Alles wo irgendwie Strom durchfließt fasziniert mich einfach weswegen ich halt Elektroinstallateur geworden bin :)

geschrieben 02. Juni 2009 - 14:40

Beitrag anzeigenZitat (Witi: 02.06.2009, 10:33)

Erstmal würde ich sowieso einen ordentlichen Dokumententyp angeben, da die Browser die Seite sonst im Quirks-Modus (so wie sie wollen und nicht nach dem Standard) rendern.


hm.... was währe für DICH denn ein ordentlicher Dokumententyp?

den Code hat mir vorerst "Kompozer" gesetzt.... ich mache i.d.R "Feinschliff" dran.

Zitat

Und wenn du schon dabei bist, versuche Tabellenlayouts zu vermeiden und setze stattdessen div-Container an.


hm? Gerade Tabellenlayouts wurden mir in der Umschulung immer nahe gelegt da sie ja eigentlich jeder Browser interpretieren kann....

aber was für Container meinst du? das einzige das ich darüber weis ist, dass ich die NICHT bei der örtlichen Entsorgungsgesellschaft bekommen kann :D

MFG

Stefan
0

#7 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.942
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 02. Juni 2009 - 20:07

Wenn du den Firefox (andere Browser zeigen das irgendwo auch an) verwendest, kannst du über rechte Maustaste->Seiteninformationen sehen, in welchem "Render Modus" du dich befindest.

Du verwendest aktuell
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

und das ist laut der Wikipedia-Liste in sämtlichen Browsern kein Standard.
Wenn du bei HTML bleiben möchtest, kannst du bspw. folgenden Dokumentypentyp verwenden
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Zitat

hm? Gerade Tabellenlayouts wurden mir in der Umschulung immer nahe gelegt da sie ja eigentlich jeder Browser interpretieren kann....

Tut mir leid, aber leider muss ich sagen, dass es traurig ist, dass man heutzutage noch so etwas vermittelt bekommt.
Das ist ein Relikt aus dem letzten Jahrhundert (müsste sogar hinkommen ;)), als es Internet Explorer 5 und 6 und Netscape gab und ihren berühmten Browserkrieg (wir machen jeder unseren eigenen Standard!). Heute haben wir einen Standard und alle aktuellen Browser halten sich beinahe zu 100% dran.

Früher hat man Layouts so umgesetzt (davor Frames), heute nimmt man sogenannte Container, die etwa so aussehen können:
<div id="header"></div>
<div id="menu"></div>
<div id="inhalt"></div>
<div id="footer"></div>

Mehr hast du in HTML nicht, des Designen (wo was stehen soll) übernimmst du komplett in CSS.

Hier findest du eine sehr schön gemachte Einleitung mit weiterführenden Informationen, warum man nicht mit Tabellen layouten sollte.

Bei Css Zen Garden findest du bspw. verschiedene Designs die zum Teil komplett anders aussehen. Bis du feststellst, dass alle diese Beispiele den komplett identischen HTML-Code verwenden. Lediglich das Design über den CSS-Code ist verschieden.
0

#8 Mitglied ist offline   ich_quadrat 

  • Gruppe: Mitglieder
  • Beiträge: 6
  • Beigetreten: 19. Januar 10
  • Reputation: 0

geschrieben 19. Januar 2010 - 21:48

Sers.

Also du kannst mir Hilfe von CSS einzelne Sheets für die einzelnen Browser schreiben. Infor mir dich da mal bei deinem Freund-->Google =)

Achja, wenn du Screenshots machst, dann nimm vielleicht die "Amateur Porn Gallery" heraus ;D Aber du hast meinen Augenblick gerade ganz schön belustigt. ;)

lg
ICH²
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0