2009-07-07 24 views
1

Wie können wir asp.net Website in allen Browsern kompatibel machen. In meinem Fall sieht die Webseite in IE 7.0 und höher gut aus, aber in einem anderen Browser wie Google Chrome, Firefox, Netscape usw. wird der Inhalt der Webseite im Layout zerstört.ASP.NET-Website in allen Browsern kompatibel

+0

Ich denke, Sie sollten ein bisschen weniger vage sein. Welche besonderen Aspekte des Layouts funktionieren nicht richtig? – GenericTypeTea

Antwort

2

Dies ist eine massive Frage mit einer Vielzahl von Antworten.

Es ist vollständig in der CSS-Rendering-Engine des Browsers. Browser tendieren dazu, CSS auf verschiedene Arten zu rendern, so dass Sie nur etwas optimieren müssen, bis es funktioniert.

Auch sind Browser nicht alle kompatibel mit den verschiedenen CSS-Versionen. I.e. CSS3.0 hat eine Reihe von Funktionen, die in IE und Firefox nicht unterstützt werden, aber in Safari sehr gut funktionieren.

+0

Gibt es eine Standardmethode, weil sie unsere Zielzeile von Projekten betrifft –

+0

Sie meinen eine Standardmethode wie ... this.FixAllCss()? Nein, das gibt es nicht und wird es auch nie geben. Sie müssen Ihr CSS und HTML so basteln, dass alle Browser die Seite auf die gleiche Weise anzeigen. – GenericTypeTea

0

Sie müssen auf das HTML/CSS achten, das von ASP.NET gerendert wird. Wenn Sie WebForms (Standard-ASP.NET) verwenden, rendern die Steuerelemente eine Menge seltsamer HTML/CSS (standardmäßig), mit denen Sie streiten müssen.

+0

Danke, aber ich denke, es sollte einen Standard Weg geben, diese Aufgabe zu erledigen –

+0

nicht wir alle ... –

5

Microsoft verfügt über ein neues Tool (SuperPreview), mit dem diese browserübergreifenden Probleme behoben werden können. Aber ich stimme GenericTypeTea zu ... das ist ein komplexes Problem und hängt davon ab, wie Browser CSS rendern.

+0

+1 Das erste Mal sehe ich das. –

+0

+1 Das sieht nach einem tollen Werkzeug aus, danke Chris! – GenericTypeTea

+0

Danke Chris. Ich werde Superpreview erkunden. Hoffentlich löst es unser Problem –

0

Es gibt viele Aspekte, aber die einzige Sache, die ich empfehlen kann, ist ein Grid-System Link 960.gs und verwenden Sie eine reset.css.

+0

Können Sie mir bitte mehr über Grid System Link 960.gs und reset.css erzählen? –

1

Hier ist eine beliebte Lösung für dieses Problem: Vereinfachen Sie Ihre Seite.

Wenn es nicht in allen Browsern gleich dargestellt wird, haben Sie eine IE-only-Funktion verwendet. Nimm das Feature raus.

+0

Nicht unbedingt. IE, FF, Safari usw. haben alle ihre eigenen Eigenheiten, die dazu führen können, dass divs basierend auf Vererbung, Inhalt, 100% Höhe/Breite-Einstellungen usw. unterschiedlich dargestellt werden. – GenericTypeTea

Verwandte Themen