kostenloser Webspace werbefrei: lima-city


css Internet Explorer optimieren

lima-cityForumProgrammiersprachenSonstige Programmiersprachen

  1. Autor dieses Themas

    mybild

    mybild hat kostenlosen Webspace.

    Weiß jemand wie das hier für den IE optimieren kann?

    .file
    {
    	border: 1px inset #666666;
    	font-family: tahoma, helvetica, arial;
    	font-size: 12px;
    	height: 18px;
    }
    
    .invalidField
    {
    	background-color: #FF9999;
    }
    
    INPUT:focus,SELECT:focus,TEXTAREA:focus
    {
    	background-color: #FDFDFD;
    	border: 1px solid #666;
    	-moz-box-shadow: inset 0px 1px 2px #ccc;
    	-khtml-box-shadow: inset 0px 1px 2px #ccc;
    }
    .nliDiv
    {
    	
    	background-repeat: repeat-x;
    	background-color: #EFEFEF;
    
    }
    
    .nliLogo
    {
    	position: relative;
    	top: -22px;
    	left: -22px;
    }
    
    .nliTitle
    {
    	position: relative;
    	font-size: 24px;
    	font-weight: bold;
    	float: right;
    	top: -80px;
    	left: -40px;
    }
    
    .nliTable
    {
    	width: 100%;
    }
    
    .nliIconTD
    {
    	width: 80px;
    	text-align: right;
    	vertical-align: top;
    	padding-right: 8px;
    }
    
    .nliTD
    {
    	text-align: left;
    	vertical-align: top;
    	padding-right: 15px;
    }
    
    TD,DIV,P,BODY
    {
    	font-family: tahoma, helvetica, arial;
    	font-size: 12px;
    	color: #333333;
    }
    
    H3
    {
    	border-bottom: 1px solid #999999;
    	color: #666666;
    	font-size: 12px;
    	font-weight: bold;
    }
    
    .formCaption
    {
    	width: 110px;
    	text-align: right;
    	padding-right: 8px;
    }
    
    .formField
    {
    	text-align: left;
    }
    
    .footerText
    {
    	padding-top: 8px;
    	text-align: right;
    	width: 650px;
    }
    
    .faqQuestion
    {
    	width: 100%;
    	border: 1px solid #666666;
    	height: 20px;
    	line-height: 19px;
    	cursor: pointer;
    	background-color: #E6ECEA;
    }
    
    .faqAnswer
    {
    	width: 100%;
    	border-right: 1px solid #999999;
    	border-left: 1px solid #999999;
    	border-bottom: 1px solid #999999;
    	background-color: #FFFFFF;
    }
    
    .noJSWarning
    {
    	border: 1px solid #990000;
    	background-color: #FF9999;
    	width: 650px;
    	padding: 5px;
    }
    
    .formStatus
    {
    	padding-left: 8px;
    }
    
    .passwordSecurity
    {
    	border: 1px solid #999;
    	height: 17px;
    	width: 180px;
    	background-color: #FFF;
    	-moz-border-radius: 3px;
        -khtml-border-radius: 3px;
    	padding: 1px;
    }
    
    .secureBar
    {
    	height: 100%;
    }
    
    .maintenanceBox
    {
    	border: 1px solid #DDDDDD;
    	background-color: #FFFFCC;
    	padding: 5px;
    	text-align: center;
    	width: 400px;
    }
    
    .maintenanceBox H2
    {
    	margin-top: 5px;
    	margin-bottom: 5px;
    }
    body { 
    font-family: Arial, sans-serif; 
    line-height: 1.4;
    font-size: 12px;
    background: #e0e8ef url(http://localhost/images/bg.jpg) repeat-x;
    margin: 0;
    padding: 0;
    }
    
    a { color: #5797F2; text-decoration: none;}
    a:hover { text-decoration: underline; }
    
    #wrap { 
    width: 800px;
    margin: 20px auto;
    }
    
    #header {
    background: url(http://www.cumail.de/images/header.png) no-repeat;
    height: 130px;
    }
    #header h1 {
    font-family: Arial, sans-serif; 
    margin: 0;
    padding: 50px 0 0 40px;
    font-weight: 100;
    color: #8C98BC;
    line-height: 25px;
    }
    #header h1 a { text-decoration: none; color: #fff; }
    #header h1 a:hover { text-decoration: none; border-bottom: 1px solid #fff; color: #fff; }
    #header h2 { padding: 2px 0 0 40px; margin: 0; color: #efefef; font-weight: 100; }
    
    #menu {
    background: url(http://www.cumail.de/images/menu.png) no-repeat;
    height: 30px;
    line-height: 30px;
    }
    
    #menu ul {
    list-style-type: none;
    margin: 0;
    padding-left: 30px;
    }
    #menu ul li {
    display: block;
    float: left;
    }
    #menu ul li a {
    display: block;
    padding: 0 10px 0 10px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    }
    #menu ul li a:hover {
    color: #fff;
    background: url(http://www.cumail.de/images/menuover.png) repeat-x;
    }
    
    #contentwrap {
    background: url(http://www.cumail.de/images/content.png) repeat-y;
    padding: 0 30px 0 20px;
    }
    
    #content {
    float: right;
    width: 520px;
    margin-top: 20px;
    background: #efefef;
    }
    #content h2 {
    margin: 0;
    color: #5797F2;
    line-height: 30px;
    font-size: 19px;
    font-weight: 100;
    letter-spacing: -1px;
    background: #efefef;
    }
    #content h3 {
    margin: 0px;
    color: #232323;
    font-size: 14px;
    font-weight: 100;
    background: #efefef;
    }
    
    #content p { padding: 0 0 10px 0; color: #232323;}
    #content ul { padding: 0 20px 10px 30px; color: #232323; }
    
    #sidebar {
    float: left;
    margin-top: 20px;
    width: 220px;
    background: #efefef;
    border-bottom: 2px solid #7BB3FE;
    }
    
    #sidebar h3 {
    background: url(http://www.cumail.de/images/sidebarh3.png) no-repeat;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    font-size: 13px;
    margin: 0; padding: 0 0 0 10px; 
    color: #fff;
    }
    
    #sidebar p { padding: 0 10px 10px 10px; color: #232323; }
    
    #sidebar ul {
    padding: 10px 0 20px 30px;
    margin: 0px;
    color: #5797F2;
    list-style-type: square;
    }
    
    #sidebar ul li {
    padding: 0;
    margin: 0;
    }
    
    #sidebar ul ul { padding: 2px 0 2px 20px; }
    
    #footer { 
    background: url(http://www.cumail.de/images/footer.png) no-repeat;
    text-align: center;
    color: #fff;
    height: 70px;
    line-height: 70px;
    }
    #footer p { padding: 0; margin: 0; }
    #footer a { color: #fff; }
    #footer a:hover { text-decoration: underline; }
    
    //-->
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    Was stellst du dir unter optimieren vor? Etwas mehr Info wäre hilfreich.
  4. Autor dieses Themas

    mybild

    mybild hat kostenlosen Webspace.

    Also wenn du im Firefox schaust... dort ist alles ok... aber im ie ist es alles verschoben.... aktulle (FF) ist das design mittig im bildschirm im ie ist es aber nach links...


    musst mal auf http://www.cumail.de im ie und im ff ansehen sieht dann den unterschied :D ist jetzt blöd zu erklären :D
  5. Ich glaube nicht, dass sich jetzt jemand hinsetzt und deinen kompletten CSS-Code von vorn bishinten auf Inkompatibilität mit dem Internet Explorer sucht.

    Zumal mir hier grundlegendes Verständnis beim Aufbauen eines HTML-Dokuments mit zusätzlichen CSS fehlen zu scheint. Siehe Validator-Ergebnis: "68 Errors, 37 warning(s)"
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cumail.de&charset=%28detect+automatically%29&doctype=Inline&group=0

    Die Seite lädt auch extrem langsam und als ich sie mit dem Internet Explorer geöffnet habe kam zwei mal ein UAC Fenster bei Windows 7, ob der Flashplayer installiert werden darf und das ohne, dass ich irgendwohin geklickt hätte.
  6. t********g

    Aus
    .file
    {
    border: 1px inset #666666;
    font-family: tahoma, helvetica, arial;
    font-size: 12px;
    height: 18px;
    }


    kann
    .file{border:1px inset #666666;font-family:tahoma,helvetica,arial;font-size:12px;height:18px}
    gemacht werden.

    Das kannst du für alle Zeilen machen.
    Am besten noch doppelte Einträge zusammenfassen.
  7. tid-gaming schrieb:
    Aus
    .file
    {
    border: 1px inset #666666;
    font-family: tahoma, helvetica, arial;
    font-size: 12px;
    height: 18px;
    }


    kann
    .file{border:1px inset #666666;font-family:tahoma,helvetica,arial;font-size:12px;height:18px}
    gemacht werden.

    Das kannst du für alle Zeilen machen.
    Am besten noch doppelte Einträge zusammenfassen.


    Nur um völlig wartungsstörenden, unsauberen Code zu produzieren? Das ist vielleicht sinnvoll, wenn man das bei großen Projekten vor dem Parsen von PHP erledigen lässt - und zwar nur serverseitig, aber von Anfang an seinen Quelltext so zu verstümmeln?

    Das sind ohnehin Schritte, die man machen kann, wenn auch die ganzen anderen (teils echt groben) Schnitzer im HTML/CSS beseitigt worden sind.
  8. Hat sich das Problem mittlerweile erledigt? Ich hab mir gerade die Seite angeschaut und keinen Unterschied zwischen Chrome und IE8 feststellen können, außer der kursiven Schrift im IE und die übliche etwas schlechtere Renderqualität. Für welche Version soll der Code denn optimiert werden?

    Blendboom
  9. f****s

    Das liegt daran das IE schlechter ist!
    Musst einen anderen Browser nehmen!
    Mit Google Chrome und anderen Browsern hast du keine Probleme!

    Der IE kann z.B auch keine Canvas anzeigen!
  10. ftools schrieb:
    Das liegt daran das IE schlechter ist!
    Musst einen anderen Browser nehmen!
    Mit Google Chrome und anderen Browsern hast du keine Probleme!

    Der IE kann z.B auch keine Canvas anzeigen!


    Darum geht es nicht. Nicht jeder hat die Freiheit/das Wissen einen anderen Browser als IE7, IE8, usw. zu verwenden.
  11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!