css Internet Explorer optimieren

lima-city → Forum → Programmiersprachen → Sonstige Programmiersprachen

Autor dieses Themas

14:22, 4.6.2012

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; }

//-->

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Moderator

hackyourlife hat kostenlosen Webspace.

14:41, 4.6.2012
Was stellst du dir unter optimieren vor? Etwas mehr Info wäre hilfreich.
Autor dieses Themas
mybild

mybild hat kostenlosen Webspace.

17:24, 4.6.2012
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
cyclobox

cyclobox hat kostenlosen Webspace.

17:35, 4.6.2012
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.
~~t********g~~

17:52, 4.6.2012
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.
cyclobox

cyclobox hat kostenlosen Webspace.

19:15, 4.6.2012

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.
blendboom

blendboom hat kostenlosen Webspace.

16:48, 11.6.2012
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
~~f****s~~

21:30, 11.6.2012
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!
cyclobox

cyclobox hat kostenlosen Webspace.

21:42, 11.6.2012

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.
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

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city

css Internet Explorer optimieren

lima-city → Forum → Programmiersprachen → Sonstige Programmiersprachen

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!