eine Webseite cross browser kompatibel machen

Question

ich möchte meine Webseite in allen Browserversionen anzeigen ... mein Code funktioniert gut in mozilla und chrome aber funktioniert nicht richtig im Internet Explorer. hier ist der CSS-Code, der mit dem IE nicht kompatibel ist es scheint ....

EDIT

Struggling eine Webseite für Cross-Browser und mehrere Auflösung Unterstützung für die letzten 2 Monate zu schaffen, wie mein Design habe mehrere Probleme mit der Auflösung und Browser-Unterstützung. Ich bin neu zu diesem Design-Ding und ich habe keine Ahnung, wie dies zu this.i sah einen Artikel über die Unterstützung mit mehreren Auflösungen, die besagt, dass wir regelmäßig css-Code verwenden müssen, die von unterstützt wird alle Browser unter allen Auflösungen.Also habe ich gehört, dass wir unsere normale <div></div> in einen Container legen müssen, damit das Design niemals miteinander kollidieren wird, wenn es unter niedrigerer Sicht betrachtet wird solution.below ist mein CSS-Code, der unter 1680X1050 und nur in Mozilla.currently iam mit einer Vorlage funktioniert, die unter allen Umständen gut funktioniert.Sie ​​gibt mir einige Beispiel-Beispiele für ein perfektes Design, so dass ich lernen werde, meine eigenen

zu entwerfen

#image img 
{ 
padding:6px; 
border-top:0px solid #ddd; 
border-left:0px solid #ddd; 
border-bottom:0px solid #c0c0c0; 
border-right:0px solid #c0c0c0; 
display:inline; 
position:relative; 
top:-210px; 
margin-left:auto; 
margin-right:auto; 
} 
#hori 
{ 
width: 70em; 
margin-left:350px; 
position:absolute; 
} 

#hori ul li 
{ 
display:inline; 
float:left; 
list-style:none; 
} 

#hori ul 
{ 
padding:0; 
margin-top:-620px; 
} 

#hori li 
{ 
display: inline; 
padding:0; 
text-align:center; 
width:7em; 
float:left; 
list-style:none; 
height:25px; 
margin-left:15px; 
background:#38ACEC; 
-moz-border-radius: 70px; 
border-radius: 70px; 
} 

#verti 
{ 
float:bottom; 
width:200px; 
margin-top:50px; 
position:relative; 
display: inline; 
} 

#verti ul li 
{ 
list-style:none; 
text-decoration:none; 
} 

#verti ul 
{ 
padding:0; 
margin:0; 
} 

#verti li 
{ 
width:150px; 
background:#38ACEC; 
margin-bottom:9px; 
position:relative; 
top:170px; 
-moz-border-radius:80px; 
border-radius:80px; 
text-align:center; 
} 

#slideshow 
{ 
position:relative; 
height:500px; 
right:-570px; 
top:-280px 
} 

#slideshow img 
{ 
position:absolute; 
top:0; 
left:0; 
z-index:8; 
} 

#slideshow img.active 
{ 
z-index:10; 
} 

#slideshow img.last-active 
{ 
z-index:9; 
} 
table,th,td 
{ 
border:1px solid black; 
width:650px; 
position:relative; 
right:-480px; 
margin-top:-35%; 
} 
th 
{ 
background-color:#38ACEC; 
color:white; 
} 

Answer 1

Da Sie keine Frage gestellt haben, darf ich annehmen, die Frage ist: Wie soll ich dieses CSS in IE-Browsern kompatibel machen?

Es gibt tatsächlich mehrere Möglichkeiten, dies zu tun:

• Finden Sie heraus, wich CSS-Eigenschaften sind in IE überprüfen Sie diese Seite für einige gängige CSS Fehler nicht korrekt funktionieren http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

• ein Inline-Filter hinzufügen Render verschiedene CSS bei der Verwendung von IE folgte mit dem IE kompatibel css, wenn Sie dieses negative machen wollen, fügen Sie einfach ! vor der Bedingung.

• make 2 verschiedene CSS-Dateien wich in der Spitze Ihrer HTML-Seite mit dem gleichen Filter

<!--[if lt IE #version]>

<link rel="stylesheet" type="text/css" href="styleIE.css" /> 

Hoffnung enthalten diese Sie aushilft.