CSS im IE und Firefox (Problem)

[acillus]

Huhu,

habe ein kleines Problem. Die Webseite hier habe ich unter Firefox entwickelt:

http://217.91.122.161/TerminalV2/

leider sieht das unter IE grütze aus. mir kommt das so vor als ob die style.css gar nicht eingebunden ist. gibt es ne möglichkeit das auch etwa so hübsch zu machen wie unter firefox?

danke

PS: http://217.91.122.161/TerminalV1/ ist die Vorgängerwebseite, allerdings mit Frames. Die neue V2 hat nur Divs

[Christian Marquardt]

Die style.css wird im IE eingebunden und ausgeführt

[Christian Marquardt]

http://jigsaw.w3.org/css-validator/v...FTerminalV2%2F

könnte helfen

[acillus]

vielen Dank für den Link

Hab das CSS nun angepasst und bei mir lokal siehts jetzt genauso aus wie im Firefox. Werde ich morgen mal live stellen.

[Falk Prüfer]

Hallo acillus,

im HTML-Code der Seite sind 49 Fehler, darunter z.B. eine mehrfache DOCTYPE-Declaration.
Beseitige erstmal die Fehler, bevor du anfängst über Browserunterschiede zu grübeln!

Gruß Falk

[acillus]

auch danke für den hinweis, werde ich auch morgen alle fehler korrigieren

bin halt noch anfänger

[acillus]

So, habe nun alle css fehler und xhtml 1.0 fehler behoben. im css bleibt jedoch eine warnung:

URI : http://217.91.122.161/TerminalV2/index.php
18 #autoXML6013533160135331 In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

sagt mir nicht viel, hat jemand da ahnung?

im IE sieht die Seite jetzt ganz gut aus, nur das die beiden spalten (navigation und content) dort genau geteilt werden. Im Firefox sieht es gut aus. ich weiss echt nicht warum. hab das extra blau/rot gemacht damit man das besser sieht.

hier das css:

body {
	color: #333;
	background-color: #ffffff;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

form {
	margin: 0;
	padding: 0;
}

table {
	border: none;
}

.banner_ictext {
	height: 20px;
	color:#fff;
	margin-bottom:3px;
    font: 110% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#666; 
	border: 1px solid; 
	border-color: #777 #777 #777 #777;
}

.banner_sitetext {
	background-color: #FC9957;
	text-align: left;
	line-height: 35px;
	height: 20px;
	color:#fff;
	margin-bottom:3px;
    font: 110% 'trebuchet ms',helvetica,sans-serif; 
	border: 1px solid; 
	border-color: #FDAA68 #FDAA68 #FDAA68 #FDAA68;
}

.banner_contentheader {
	background-color: #FC9957;
	line-height: 35px;
	height: 20px;
	color:#fff;
	margin-bottom:3px;
    font: 110% 'trebuchet ms',helvetica,sans-serif; 
	border: 1px solid; 
	border-color: #FDAA68 #FDAA68 #FDAA68 #FDAA68;
	text-align:center;
	width:1000px;
}

.maintable {
	table-layout:fixed; 
	border-collapse:collapse;
	
}

.menutable {
	width:250px;
}

.contenttable {
	width:750px;
}

td {
	font-size: 13px;
}

tr {
	padding: 0px;
	margin: 0px;
	border: none;
}

.content {
	height: 760px;
}

.banner_down {
	margin-left: 42px;
	background-color:#FC9957;
	color:#333;
	font-size:18px;	
}

.contentheadline {
	background-color:#FC9957;
	color:#333;
	font-size:18px;	
}

.banner_up {
	margin-left: 30px;
	background-color:#666;
	color:#FFFFFF;
}

.loginform {
	line-height:30px;
	width:1000px;
}

.input_std {
	text-align: left;
    font: 100% 'trebuchet ms',helvetica,sans-serif; 
	margin-bottom:0px;
	background-color:#FFFFEE; 
	border: 1px solid; 
	border-color: #c63 #930 #930 #c63;
	color: #333;
	height:18px;
}

.input_button {
	color:#333; 
    font: 100% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#FED; 
	border: 1px solid; 
	border-color: #c63 #930 #930 #c63;
	height:23px;
}

.input_button_dis {
	color:#333; 
    font: 100% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#EEE; 
	border: 1px solid; 
	border-color: #c63 #930 #930 #c63;
}

.button_menu {
	text-align:left;
	height: 31px;
	width: 200px;
	color:#222;
	margin-bottom:3px;
    font: bold 120% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#FED; 
	border: 1px solid; 
	border-color: #c63 #930 #930 #c63;
}

.button_menu_dis {
	text-align:left;
	height: 31px;
	width: 200px;
	color:#333;
	margin-bottom:3px;
    font: bold 120% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#EEE; 
	border: 1px solid; 
	border-color: #DDD #DDD #DDD #DDD;
}

input.btnhov { 
    border-color: #696 #363 #363 #696;
	background-color:#FED;
}

input.btnhovmenu { 
    border-color: #696 #363 #363 #696;
	background-color:#FFC;
	color:#333;
}

.navigation {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 200px;
	height: 760px;
}

fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

th {
	font-size: 13px;
}

hat da jemand ne idee?