Проблемы с разными браузерами

[zubrilko]

Всем доброй ночи! Написал стиль с помощью css!

Стал тестить в разных браузерах и начелось в IE шрифт сдвигается в право исправил потом смотрю в оперу там тоже куда то поехал! Про Mozillu я лучьше промолю меня там чють паника не посетила! все в разброс!

Люди помогите плиз может какойнибуть java script есть что приструнить все браузеры под один стиль! ну хотя бы не все а хотя бы Operu и IE!

Да и еще я сижу под Linux Может это как то повлиять на стиль?

Edited February 1, 2009 by zubrilko

[mario]

То что ты сидишь под никсами, это не чего..., а вот про джава-скрипт, наврятли такое существует... потому что у каждого свой стиль.

Скажу одно, мазила и опера отображают почти одинаково, делай вначале под них, а потом уже создавай дополнительный стиль под ИЕ.

Как прикручивать стили под отдельные браузеры, это в поисковик, вариантов масса, там все есть...

[s0rr0w]

Всем доброй ночи! Написал стиль с помощью css!

Стал тестить в разных браузерах и начелось в IE шрифт сдвигается в право исправил потом смотрю в оперу там тоже куда то поехал! Про Mozillu я лучьше промолю меня там чють паника не посетила! все в разброс!

Люди помогите плиз может какойнибуть java script есть что приструнить все браузеры под один стиль! ну хотя бы не все а хотя бы Operu и IE!

Да и еще я сижу под Linux Может это как то повлиять на стиль?

Единственное, что я могу посоветовать, так это выучить технологии, которые вы пытаетесь использовать. Начните с изучения этого сайта.

Тогда у вас перестанет быть каша в голове, и наконец перестанет быть каша в коде и на странице.

[zubrilko]

Может посмотрите!

@CHARSET "ISO-8859-5";
body,html {
	margin:0 0;
	background:#fefced;

}
/* logo */
.logo {
	display:block;
	width: 985px;
	height:60px;
	position:absolute;
	left:3px;
	right:10px;
	top:8px;
	border: 1px solid #ffffff;
	color:#ffffff;
	background:#327bb0 url('img/logo.png') 20% no-repeat;
}
/* the end menu */

/* menu */
.menunav { 
   width: 999px;
   position: absolute;
   top:120px;
   font-size: 14px;
 } 
.menunav ul { 
   margin: 1px; 
   padding: 0px; 
} 
.menunav li { 
   float: left;   
   list-style-type: none;
   background-color: #3593c6;
   border: 1px solid #65b6e5;
   border-bottom:0px;
   border-top:0px;


} 
.menunav a { 
   text-decoration: none;
   padding: 0px 12px 15px 15px;
   color: #fefced; 
}
.menunav li:hover {
	background-color: #255c94;
	color: #fefced;
}
/* the end menu */

/*content*/
.content {
	display: block;
	position:absolute;
	width: 770px;
	height: 400px;
	border:0px solid #000;
	top:146px;
	color:#ffffff
}
.con1, .con2, .con3, .con4, .con5, .con6, .con7, .con8, .con9, .con10, .con1b, .con2b, .con3b, .con4b, .con5b, .con5b, .con6b, .con7b, .con8b, .con9b, .con10b {
	 display: block;
	 overflow: visible; 
	 font-size:1px;


}
.con1 {
	margin:0 14px; 
	background:#3593c6;
}
.con2, .con3, .con4, .con5, .con6, .con7, .con8, .con9, .con10 {
	background:#255c94;
	height:1px;
	border-left:2px solid #3593c6; 
	border-right:2px solid #3593c6;
}
.con2 {	margin: 0 13px; }
.con2 {	margin: 0 12px; }
.con2 { margin: 0 11px; }
.con3 { margin: 0 8px; }
.con3 {	margin: 0 9px; }
.con4 {	margin: 0 7px; }
.con5 {	margin: 0 6px; }
.con6 {	margin: 0 5px; }
.con7 { margin: 0 4px; }
.con8 {	margin: 0 3px; }
.con9 {	margin: 0 2px; }
.con10 { margin: 0 1px; }

.conc {
	display:block;
	background:#255c94; 
	border-left:2px solid #3593c6; 
	border-right:2px solid #3593c6;
}
.conc2 {
	display: block;

	background:#255c94; 
	border-left:2px solid #fff; 
	border-right:2px solid #fff;
}
.con10b, .con9b, .con8b, .con7b, .con6b, .con5b, .con4b, .con3b, .con2b {
	background:#255c94;
	height:1px;
	border-left:2px solid #fff; 
	border-right:2px solid #fff;
} 
.con2b { margin: 0 13px; }
.con2b { margin: 0 12px; }
.con2b { margin: 0 11px; }
.con3b { margin: 0 8px; }
.con3b { margin: 0 9px; }
.con4b { margin: 0 7px; }
.con5b { margin: 0 6px; }
.con6b { margin: 0 5px; }
.con7b { margin: 0 4px; }
.con8b { margin: 0 3px; }
.con9b { margin: 0 2px; }
.con10b { margin: 0 1px; }

.con1b {
	margin:0 10px; 
	background:#fefced;	
}
/* the end content*/

/*images*/
img.ph2 {
	height:15px;
	width:174px;
	margin-left:20px;
	margin-top:5px;
	background:url('img/avtor.png') center;

}

img.ph1 {
	height:130px;
	width:180px;
	margin-left:20px;
	margin-top:17px;
	background:url('img/report.jpg') center;

}

img.ph {
	display: inline;

	height:110px;
	width:150px;
	margin-top:60px;	
	margin-left:590px;
	margin-bottom:60px;
	background:url('img/abama.jpg') center;
}
/* the end images */

.text {
	display: block;
	position: absolute;
	color: yellow;
	top:4px;
	margin-left:240px;
	font-size: small;
}	
.text1 {
	display: block;
	position: absolute;
	color: white;
	top:40px;
	margin-left:210px;
	margin-right:40px;
	margin-bottom:10px;
	font-size: smaller;
}	
.text2 {
	display: inline;
	position: absolute;
	color: yellow;
	top:200px;
	margin-right:5px;
	margin-left:20px;
	font-size: small;
}	
.text3	{
	display: inline;
	position: absolute;
	color: white;
	top: 240px;
	margin-left:20px;
	margin-right:185px;
	font-size: smaller;
	text-align: justify;

}
.text4 {
	color: black;
	margin-right:20px;
	margin-left:20px;
	font-size: smaller;
	font-style: oblique;

}
.data {
	display: inline;
	position: absolute;
	width:180px;
	height:20px;
	top:124px;
	left:800px;
	border-top:1px solid #65b6e5;
	border-left:1px solid #65b6e5;
	border-right:1px solid #000f00;
	border-bottom:1px solid #000f00;
	background:#65b6e5;
	color: white;
	text-align: center;


}

/* podval */
.podval {
	display: block;
	position: absolute;
	width:740px;
	height:100px;
	top:590px;
	left:10px;
	border: 0px solid #e0e0e0;
	color:;
}

.pod1, .pod2, .pod3, .pod4, .pod5, .pod6, .pod7, .pod8, .pod9, .pod10, .pod1b, .pod2b, .pod3b, .pod4b {
	display: block;
	height:1px;
	overflow: visible; 
	font-size:1px;
}

.pod1 {
	margin: 0 12px;
	background:#e0e0e0;
}

.pod2, .pod3, .pod4, .pod5, .pod6, .pod7, .pod8, .pod9, .pod10 {
	background: #ddfcff;
	border-left:2px solid #e0e0e0;
	border-right:2px solid #e0e0e0;

}
.pod2 { margin: 0 9px }
.pod3 { margin: 0 8px }
.pod4 { margin: 0 7px }
.pod5 { margin: 0 6px }
.pod6 { margin: 0 5px }
.pod7 { margin: 0 4px }
.pod8 { margin: 0 3px }
.pod9 { margin: 0 2px }
.pod10 { margin: 0 1px }

.podc {
	display: block;
	background:#ddfcff; 
	border-left:2px solid #e0e0e0; 
	border-right:2px solid #e0e0e0;
}

[s0rr0w]

Может посмотрите!

И что мы тут должны увидеть?