Problem CSS Internet Explorer--> Mozilla Firefox Opera

Dla specjalistów Webmastering
#1

Problem CSS Internet Explorer–> Mozilla Firefox, Opera, Google Chrome

Witam.

Napotkałem się z problemem przedstawionym poniżej na screenie. Chodzi mi o takie przesuniecie nazwy jak w przeglądarce Internet Explorer.

padding: 7px;

padding: 20px 0px 0px 47px;

Co wywołuje błąd pozostałych przeglądarek?

Z góry dziękuje za odpowiedź. Pozdrawiam.

85471628.jpg

Powiększ

body {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;


    scrollbar-base-color:#cccccc;

    scrollbar-3dlight-color:#333333;

    scrollbar-arrow-color:#333333;

    scrollbar-darkshadow-color:#333333;

    scrollbar-face-color:#cccccc;

    scrollbar-highlight-color#cccccc;

    scrollbar-shadow-color:#cccccc;

    scrollbar-track-color:#cccccc; 

}


table {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;

    color: #000000;

}

h2 {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #000000;

    text-transform: uppercase;

    font-weight: bold;

}


.small {  

    font-family: Verdana, Arial, Helvetica, sans-serif; 

    font-size: 9px; 

    color: #000000;

}


.title {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #000000;

    font-weight: bold;

    background-image: url(img/bg.png);

    background-repeat: repeat;

    background-position: left top;

}


.category_big {  

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px; 

    color: #000000; 

    font-weight: bold; 

}


.category {  

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px; 

    color: #000000; 

    font-weight: normal; 

}


.marked {

    background-color: #000000;

    font-weight: bold;

}


a, a:visited, a:active {

    color: #333333;

    text-decoration: none;

    font-weight: normal;

}


a:hover {

    color: #000000;

    text-decoration: underline;

    font-weight: normal;

}


a.titlelink, a.titlelink:visited, a.titlelink:active {

    color: #333333;

    text-decoration: none;

    font-weight: bold;

}


a.titlelink:hover {

    color: #000000;

    text-decoration: underline;

    font-weight: bold;

}


a.category, a.category:visited, a.category:active {

    color: #333333;

    text-decoration: none;

}


a.category:hover {

    color: #000000;

    text-decoration: underline;

}


option, textarea, input, select, file {  

    font-family: Verdana, Arial, Helvetica, sans-serif; 

    font-size: 10px; 

    color: #000000; 

    background-color: #FFFFFF; 

    border: 1px solid #333333;

}


.footer {color: #FFFFFF

	  size: 10px

			}


.form_off {  

    color: #666666; 

    background-color: #DCDCDC; 

    border: 1px solid #666666;

}


.form_on {  

    color: #000000; 

    background-color: #EEEEEE; 

    border: 1px solid #000000;

}


.form_username {

    background-color: #eeeeee;

    border: 1px solid #333333;

    background-repeat: no-repeat;

    background-position: left top;

}


.form_password {

    background-color: #eeeeee;

    border: 1px solid #333333;

    background-repeat: no-repeat;

    background-position: left top;

}


.form_name {

    background-color: #eeeeee;

    border: 1px solid #333333;

    background-repeat: no-repeat;

    background-position: left top;

}


.form_text {

    background-color: #eeeeee;

    border: 1px solid #333333;

    background-repeat: no-repeat;

    background-position: left top;

}


.input { 

    background-color: transparent; 

    border: 1px none; 

    margin-top: 0px;

    margin-bottom: 0px;

}




Dokładniej to teraz to poniżej. 












ul, ul li {

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

}


ul a:link, ul a:visited {s


	width: 250px;

	text-decoration: none;

	background: url("img/bg.png");

	color: #000;

	border: 0px outset #ccc;

}




ul li {


}


ul a:link, ul a:visited {

	display: block;


	width: 236px;


	text-decoration: none;

	padding:7px;

HEIGHT: 36px;

	font-weight: bold;

	background: url("img/bg.png");

	color: gray;

border: 0


}


ul, ul li {

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

}





s}


ul a:link, ul a:visited {

	display: block;

	width: 250px;

	text-decoration: none;

	padding: 20px 0px 0px 47px;

	font-weight: bold;

	background: url("img/bg.png") repeat-x top;

	color: black;


}


ul a:hover {


	background-image: url("img/bg2.png");

	color: white;



}
#2

Sieczka w stylach. Co tam robi to “s”? Dokładniej {s i s}?

Dlaczego dublujesz:

ul, ul li {

i

ul a:link, ul a:visited {

?

Poza tym chyba powinno być ul li a a nie ul a

#3

tak masz racje a to s to przypadek, a to ul, ul li { bo wcześniej myślałem nad czym większym a później kasowałem bo nie umiałem tego zrobić i pozostawiłem bo się rozsypywało

teraz to wygląda tak morze jeszcze czegoś się dopatrzysz bo nadal wygląda to tak jak wcześniej a zajmuje się tym od niedawna i nie za bardzo wiem jak to ma być.

}









ul li a:link, ul a:visited {

	display: block;


	width: 236px;


	text-decoration: none;

	padding: 7px;

HEIGHT: 36px;

	font-weight: bold;

	background: url("img/bg.png");

	color: gray;

border: 0


}


ul, ul li {

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

}





}


ul li a:link, ul a:visited {

	display: block;

	width: 250px;

	text-decoration: none;

	padding: 20px 0px 0px 47px;

	font-weight: bold;

	background: url("img/bg.png") repeat-x top;

	color: black;


}


ul a:hover {


	background-image: url("img/bg2.png");

	color: white;



}
#4

Stawiam na to że nie masz poprawnego doctype i IE wchodzi w tryb quirks, dlatego niepoprawnie interpretuje box model.

#5

_Puma_ thx.

Chodziło o tryb quirks. :slight_smile: