Лажа с IE и Google Chrome - HTML и CSS

u4enik · 06.03.2010, 19:12

Проблема в том что сбивается текст в Internet Explorer , ну и в гугл хроме тоже есть лажа... На опере и мозиле все ок! А тут вот как:

Google Chrome:

http://www.imagepost.ru/images/68/CLNOJHdb_3.jpg

IE:

http://imagepost.ru/images/68/bLZHpDhI_4.jpg

может подскажет кто-то как решить проблему?

u4enik · 06.03.2010, 19:15

вот html код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Разговаривай со всем миром бесплатно!</title>

<link href="global.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper">

<h1><img src="images/skype_2.jpg" alt="skype" width="680" height="99" /></h1>

<h2>О Skype в двух словах</h2>

<p><span class="name">Н</span>ачать работать с этой программой легко и быстро. <a href="http://www.skype.com/intl/ru/download/skype/windows/" target="_blank">Скачайте программу</a>, зарегистрируйте ее, установите, подключите <a href="http://www.skype.com/intl/ru/shop/" target="_blank">гарнитуру (headset), динамики (speakers) или USB-телефон</a> и можете звонить вашим друзьям. Звонки отличаются отличным качеством звука и надежно защищены с помощью абонентского шифрования (end-to-end encryption). Вам даже не нужно менять конфигурацию вашего firewall или маршрутизатора (router), или какой-либо еще сетевой программы. Skype ... он просто ... работает

</p>

<h2>Skype восполняет пробелы</h2>

<p><span class="name">И</span> программа работает не только на платформе Windows, как некоторые другие программы, которые вы возможно знаете. Skype также работает с Mac OS X, Linux и PDAs, которые используются в Pocket PC, при этом Skype выглядит и ощущается естественно для каждой из этих платформ. Звонки, отправка мгновенных сообщений и даже передача файлов осуществляется между различными платформами мгновенно и с успехом.</p>

<h2>Звонки на обычные телефонные номера</h2>

<p><span class="name">Е</span>сли вам недостаточно способов для того, чтобы связываться с вашими друзьями, то Skype предоставляет сервис <a href="http://www.skype.com/allfeatures/callphones/" target="_blank">SkypeOut</a>. это сервис позволит вам звонить на традиционные телефонные номера по всему миру. Обычные телефонные линии, мобильные телефоны ... SkypeOut работает почти со всеми этими системами. SkypeOut - это не бесплатный сервис, но он действительно очень <a href="http://www.skype.com/intl/ru/prices/callrates/#allRatesTab" target="_blank">дешевый</a>.

Вы также можете перенаправить ваши звонки со Skype на традиционный обычный или мобильный телефонный номер. Вашим собеседникам не придется дополнительно платить за это, а вы просто будете платить по стандартному тарифу SkypeOut при звонках с того номера, на который вы сделали перенаправление.</p>

</div>

</body>
</html>

u4enik · 06.03.2010, 19:16

ну а вот css:

h1 {

color: #00AEEF;
font-size: 3em;
font-family: Verdana, Tahoma, sans-serif;
margin: 0;
border-bottom: 2px solid #00AEEF;

text-align: justify;

}

::selection {background: #f4c5c5;}
::-moz-selection {background: #f4c5c5;}

a:link {
color: #00AEEF;

}

a:visited {
color: #00AEEF;

}

a:hover {
color: #fb0303;
font-weight: bolder;

}

a {
text-decoration:none;

}

h2 {

font-weight: normal;
color: white;
margin-bottom: 1;
padding: 5px 0px 3px 25px;
background-color: #00AEEF;
font-family: Verdana, Tahoma, sans-serif;

text-align: justify;
font-size: 20px;

}

p {

color: #808080;
font-size: .9em;
line-height: 150%;
margin-top: 6;
font-family: Verdana, Tahoma, sans-serif;
text-align: justify;
font-size: 12px;
border: 1px solid #00AEEF;
padding: 12px;

}

body {

background-image: url(images/bg.jpg);
background-repeat: repeat-x;

}

.name {

font-size: 3em;

}

#wrapper {

width: 680px;
margin: 0 auto;
padding: 0 20px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;

}

06.03.2010, 19:12	#1
u4enik Регистрация: 21.02.2010 Сообщений: 3	Лажа с IE и Google Chrome Проблема в том что сбивается текст в Internet Explorer , ну и в гугл хроме тоже есть лажа... На опере и мозиле все ок! А тут вот как: Google Chrome: http://www.imagepost.ru/images/68/CLNOJHdb_3.jpg IE: http://imagepost.ru/images/68/bLZHpDhI_4.jpg может подскажет кто-то как решить проблему? Последний раз редактировалось u4enik; 06.03.2010 в 19:14. Причина: ошибка

06.03.2010, 19:15	#2
u4enik Регистрация: 21.02.2010 Сообщений: 3	вот html код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Разговаривай со всем миром бесплатно!</title> <link href="global.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <h1><img src="images/skype_2.jpg" alt="skype" width="680" height="99" /></h1> <h2>О Skype в двух словах</h2> <p><span class="name">Н</span>ачать работать с этой программой легко и быстро. <a href="http://www.skype.com/intl/ru/download/skype/windows/" target="_blank">Скачайте программу</a>, зарегистрируйте ее, установите, подключите <a href="http://www.skype.com/intl/ru/shop/" target="_blank">гарнитуру (headset), динамики (speakers) или USB-телефон</a> и можете звонить вашим друзьям. Звонки отличаются отличным качеством звука и надежно защищены с помощью абонентского шифрования (end-to-end encryption). Вам даже не нужно менять конфигурацию вашего firewall или маршрутизатора (router), или какой-либо еще сетевой программы. Skype ... он просто ... работает</p> <h2>Skype восполняет пробелы</h2> <p><span class="name">И</span> программа работает не только на платформе Windows, как некоторые другие программы, которые вы возможно знаете. Skype также работает с Mac OS X, Linux и PDAs, которые используются в Pocket PC, при этом Skype выглядит и ощущается естественно для каждой из этих платформ. Звонки, отправка мгновенных сообщений и даже передача файлов осуществляется между различными платформами мгновенно и с успехом.</p> <h2>Звонки на обычные телефонные номера</h2> <p><span class="name">Е</span>сли вам недостаточно способов для того, чтобы связываться с вашими друзьями, то Skype предоставляет сервис <a href="http://www.skype.com/allfeatures/callphones/" target="_blank">SkypeOut</a>. это сервис позволит вам звонить на традиционные телефонные номера по всему миру. Обычные телефонные линии, мобильные телефоны ... SkypeOut работает почти со всеми этими системами. SkypeOut - это не бесплатный сервис, но он действительно очень <a href="http://www.skype.com/intl/ru/prices/callrates/#allRatesTab" target="_blank">дешевый</a>. Вы также можете перенаправить ваши звонки со Skype на традиционный обычный или мобильный телефонный номер. Вашим собеседникам не придется дополнительно платить за это, а вы просто будете платить по стандартному тарифу SkypeOut при звонках с того номера, на который вы сделали перенаправление.</p> </div> </body> </html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Границы select в Chrome	doroshenkoes	HTML и CSS	6	27.10.2011 19:12
Google Chrome	HellMercenariess	Софт	1	06.10.2009 15:53
Скачать Google Chrome OS	dorpot	Свободное общение	16	31.08.2009 11:06
Странности Chrome` а	]Wowan[	Софт	1	27.04.2009 04:11
Js & Css меню = лажа	LeoN	JavaScript, Ajax	0	15.10.2008 11:49

06.03.2010, 19:16	#3
u4enik Регистрация: 21.02.2010 Сообщений: 3	ну а вот css: h1 { color: #00AEEF; font-size: 3em; font-family: Verdana, Tahoma, sans-serif; margin: 0; border-bottom: 2px solid #00AEEF; text-align: justify; } ::selection {background: #f4c5c5;} ::-moz-selection {background: #f4c5c5;} a:link { color: #00AEEF; } a:visited { color: #00AEEF; } a:hover { color: #fb0303; font-weight: bolder; } a { text-decoration:none; } h2 { font-weight: normal; color: white; margin-bottom: 1; padding: 5px 0px 3px 25px; background-color: #00AEEF; font-family: Verdana, Tahoma, sans-serif; text-align: justify; font-size: 20px; } p { color: #808080; font-size: .9em; line-height: 150%; margin-top: 6; font-family: Verdana, Tahoma, sans-serif; text-align: justify; font-size: 12px; border: 1px solid #00AEEF; padding: 12px; } body { background-image: url(images/bg.jpg); background-repeat: repeat-x; } .name { font-size: 3em; } #wrapper { width: 680px; margin: 0 auto; padding: 0 20px; border-left: 1px solid #666666; border-right: 1px solid #666666; }