Dostosowanie szablonu pod IE Opcje

[M4rUd41]

Witam,
przekopałem już trochę podobnych tematów na forum, ale nie znalazłem satysfakcjonującej odpowiedzi.
Mam taki dosyć spory problem. Mianowicie strona całkiem się rozjeżdża pod IE. Nie będę się rozpisywał bo za dużo miejsca by to zajęło, sprawdźcie sami: http://getlockerz.pl
I tu pytanie, jak dostosować szablon pod IE?
Oto on:

[CSS] pobierz, plaintext 
@charset "iso-8859-2";
 
html, body {
	background-image:url(images/tlo.gif);
	background-color: #1c0d2b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	margin: 0;
	padding: 0;
}
 
a {
	color:#686868;
	border:0;
	text-decoration:none;
}
 
a:hover {
	color:#999999;
	border:0;
}
 
a:visited {
	color:#686868;
	border:0;
}
#top {
	background-image:url(images/top_03.png);
	background-repeat:repeat-x;
	width:90%;
	height:77px;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;	
}
 
#nawi {
	float:right;
}
 
#logo {
	float:left;
}
 
#okno_g {
	background-image:url(images/body_14.png);
	background-repeat:repeat;
	width:50%;
	height:37px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
}
 
#okno {
	background-image:url(images/body_17.png);
	background-repeat:repeat;
	width:48%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
 
}
 
#stopka {
	background-image:url(images/sotpka_49.png);
	background-repeat:repeat-x;
	height: 61px;
	width:96%;
	position:fixed;
	bottom:0px;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
	padding-left:2%;
	padding-right:2%;
}
 
#stopka_logo {
	float:left;
}
 
#up {
	float:right;
}
 
#wyslij {
	background-image:url(images/button.png);
	width:93px;
	height:30px;
	border:0;
	background-repeat:no-repeat;
	font-size:10;
}
 
#textbox {
	background-image:url(images/textbox.png);
	width:181px;
	height:24px;
	border:0;
	background-repeat:no-repeat;
	color:#fff;
	padding-top: 5px;
	padding-left:3px;
	font-size:10px;
	font-weight:bolder;
}
 
#kat {
	float:left;
	width: 199px;
	border:0;
	margin-left:1px;
	margin-right:1px;
}
 
#naglowek-nag {
	background-image:url(images/ng_tlo.gif);
	background-repeat:repeat-x;
	width:199px;
	height:34px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	border-color:#000;
	border:1px;
	padding-top:8px;
}
 
#obrazek-nag {
	width:199px;
	border-color:#000;
	border:1px;
}
 
#nagrody1 {
	margin-left:0 auto;
	margin-right:0 atuo;
	text-align:center;
	width:606px;
}
 
#kom_poz{
	color:#00FF00;
}
 
#kom_neg {
	color:red;
}
 
#langmenu {
	width:95%;
	height:23px;
	background-image:url(images/lang_tlo.png);
	background-repeat:repeat-x;
	border:0;
	font-size:10px;
	font-weight:bolder;
	padding-left:5%;
	padding-top:8px;
}
 
#lang {
	width:60px;
	float:left;
	text-align:right;
}
 
#lang_f {
	float:left;
}
 
#stopka_tekst {
	width:73%;
	float:left;
	text-align:center;
	font-size:10px;
	font-weight:bolder;
	margin-left:0 auto;
	margin-right:0 auto;
	padding-top:20px;
}
 
#kontakt {
	float:right;
	text-align:right;
}
[CSS] pobierz, plaintext 

Z góry dzięki za pomoc (IMG:style_emoticons/default/smile.gif)

Powód edycji: [Ociu]: Poprawiłem bbCode

[t4keda]

M4rUd41 ale to, że załączasz pliki html nie znaczy, że w każdym załączanym pliku musi być oddzielny doctype, html, head i body. Z tego powodu - jeśli chodzi o kod - masz syf. Przeglądarka nie widzi tego, że ty załączasz jakieś pliki, ponieważ cały ten proces odbywa się po stronie serwera i do przeglądarki trafia już gotowy (sklejony, połączony, powciskany - jak wolisz) kod który przeglądarka interpretuje.

validator nie czepia się pewnych rzeczy bez przyczyny!
Mówisz, że potrzebujesz właściwość opacity, która jest w standardzie CSS3, a więc proszę bardzo proszę, tu masz błędy: http://jigsaw.w3.org/css-validator/validat...&lang=pl-PL

I jakąś wątpię w to, że na forum jest omawiane to jak pisać strony, aby były błędy.

Ten post edytował t4keda 4.11.2009, 18:13:41