Rahmen unter InternetExplorer optimieren.

Status
Nicht offen für weitere Antworten.

NetPerformance

Erfahrenes Mitglied
Hiho ..

Ich habe die folgende Seite zunächst für FireFox optimiert.

Homepage

Jetzt muss ich die Page für InternetExplorer optimieren.
Dei startseite habe ich optimieren können.

Wenn ihr links auf passwort vergessen klickt stimmt meine Rahmen nicht mehr.

Genau das ist mein Problem.. warum stimmt der Rahmen an diese stelle nicht mehr ?
Stehe imom irgendwie auf dem Schaluch.. mmhh

Würde mich über eine Antwort freuen..

Gruß
Aaron


Code:
/* Internet Explorer */
/* ---------------------------------------------------------------- Rahmen Größen */
#frame 
{
  	width: 803px;
	height: 550px;
	border: 1px solid #cccccc; /*dashed für gestrichelte Linien*/
}    

/* header Rahmen */
#header
{
  	width: 797px;
	height: 150px;
	border: 1px solid #cccccc;
	float:left;	
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
}    

/* login Rahmen */
#login 
{
  	width: 152px;
	height: 230px;
	border: 1px solid #cccccc;	
	float:left;
	margin-left: 1px;
	margin-top: 2px;
}   

/* content Rahmen */
#content 
{
  	width: 639px;
	height: 392px;
	border: 1px solid #cccccc;	
	float:right;
	margin-right: 1px;
	margin-top: 2px;
} 

/* options Rahmen */
#options 
{
  	width: 150px;
	height: 285px;
	border: 1px solid #cccccc;	
	float:left;
	margin-left: 2px;
	margin-top: 2px;
}  
/* ---------------------------------------------------------------- Flaggen */
/* Flaggen */
div.flag_germany
{
	width: 27px;
	height: 16px;
	border: 1px solid #cccccc;
	float:left;
	margin-left: 1px;
	margin-top: 2px;
}

div.flag_uk
{
	width: 27px;
	height: 16px;
	border: 1px solid #cccccc;
	float:left;
	margin-left: 1px;
	margin-top: 2px;
}
/* ---------------------------------------------------------------- Copyright */
.copyright
{
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 11px;
}

/* ---------------------------------------------------------------- Links */
a.link
{
	color: #FC61FC;
}
/* ---------------------------------------------------------------- <TABLE> */
table.subhead_login
{
	width: 100%;
	height: 21px;
	border: 1px;
}

table.space_top
{
	padding-top: 5;
}

/* um die Beschreibung von let_fill.php nach unten zu verschieben */
table.space_2
{
	padding-top: 27px;
	padding-right: 3px;
}

/* ---------------------------------------------------------------- <TR> */
tr.font_style
{
	padding-left: 20px;
	color: #5B5A5A;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: left;
	font-size: 11px;
}
/* ---------------------------------------------------------------- <TD> */
td.title /* Birthdayreminder v2.0*/
{
	color: #FC61FC;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 4px;
}

td.content /* Inhalt Content-Feld */
{
	padding-top: 18px;
	color: #5B5A5A;
	text-align: left;
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 11px;
	padding-left: 2px;
}

td.beispiel
{
  	width: 90px;
	height: 60px;
	border: 1px dashed #cccccc;
	color: #333333;
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 11px;
	padding-left: 6px;
}

td.eintragen_lassen
{
  	width: 450px;
	height: 129px;
	border: 1px dashed #cccccc;
	color: #333333;
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 11px;
	padding-left: 6px;
}

td.subhead_login
{
	height: 22px;
	padding-top: 0px;
	padding-left: 6px;
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5B5A5A;
	background: url(../../../Eigene%20Dateien/images/subhead_bg.gif) repeat-x;
}

td.subhead_options
{
	height: 22px;
	padding-top: 0px;
	padding-left: 8px; /* td.subhead_options hat als wert 6px */
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5B5A5A;
	background: url(../../../Eigene%20Dateien/images/subhead_bg.gif) repeat-x;
}

td.login_fields
{
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 11px;
	color: #5B5A5A;
}

td.space_top /* um die Eingabefelder bei new_entry.php voneinander zu trennen */
{
	padding-top: 8px;
}

/* um 'new_entry.php' 'Button' weiter nach unten zu verschieben */
/* um alle Buttons unter options.php weiter nach unten zu verschieben */
td.space_top_2 
{
	padding-top: 23px;
}

/* um 'my_account.php' Button' weiter nach unten zu verschieben */ 
td.space_3 
{
	padding-top: 19px;
}

/* um 'let_fill.php' weiter nach unten zu verschieben */ 
td.space_4
{
	padding-top: 16px;
}
/* ----------------------------------------------------------------  Buttons */
.button 
{
	color: #FC61FC;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: url(../../../Eigene%20Dateien/images/button_bg.gif) repeat-x;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}

.button_1
{
	color: #FC61FC;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: 132px; /* die Breite stimmt mit dem Button aus login nicht überein */
	background: url(../../../Eigene%20Dateien/images/button_bg.gif) repeat-x;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}
/* ---------------------------------------------------------------- <INPUT> */
/* Layout für Login-Eingabefelder*/
input.entry_field 
{
	width: 110px;
	border: 1px solid #cccccc;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/* ---------------------------------------------------------------- <DIV> */
div.login
{
	text-align: left;	
	padding-top: 0px;
	padding-left: 0px;	
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}
/* ---------------------------------------------------------------- <SELECT> */
select.font_style
{
	color: #5B5A5A;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: left;
	font-size: 11px;
}
 
Hallo,

las den CSS Code für den Firefox einfach so wie er ist und benutze für den IE einfach einen CSS Hack wie z.B. Sternchen Hack, du schreibst jede CSS Eigenschaft welche Probleme macht im IE einfach mit einem * vor dem Attriut Wert z.B.

* #head {CSS}

und ganz normal

#head {CSS} für alle Browser ausser IE.
 
Status
Nicht offen für weitere Antworten.
Zurück