Проблема наложения текста на рисунок

genius · 13.01.2010, 22:09

Nimans, делал сайт и такая проблема до этого все нормально открывался, а теперь когда окрываешь страницу в браузере в opera,firefox все нормально, а в explorer страница уходит влево

Niemans · 13.01.2010, 22:36

Сегодня дружок мы познакомимся с кроссбраузерной версткой.
Да да, в каждом браузере все может отображаться по разному. Решить эту проблему можно точно также как и раньше, открыть книжку и прочитать о правилах верстки.
Например ие очень требователен к мелочам, и когда вы их все учтете в своей работе он вас порадует.
Ваша проблема решается так:

Код 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>
И о чудо все работает.

genius · 13.01.2010, 22:45

И точно чудо!!!!

Niemans · 13.01.2010, 23:13

Вот я уверен что это не последний вопрос у вас из этой серии

.

vitaly-go · 14.01.2010, 00:44

Цитата:

Сообщение от Nimans

Вот я уверен что это не последний вопрос у вас из этой серии

.

Niemans · 14.01.2010, 01:15

Эмоции у каждого свои.

Meerkat · 14.01.2010, 01:30

Hy pa3 TaKoe deJIo, u3BoJIbTe u MHE TTOMO4b))http://web-silver.ru/forum/html-css-...a-zapisei.html

prostite za language)

Niemans · 14.01.2010, 01:46

Цитата:

u3BoJIbTe u MHE TTOMO4b

Круто сказали.

genius · 15.01.2010, 17:16

Получается для каждого браузера надо сделать свой css и вот это прописать в html

Кроссбраузерность для IE (Internet Explorer):




Кроссбраузерность для Opera:

<script type="text/javascript">
if(window.opera) {
document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');
}
</script>

Кроссбраузерность для Firefox:

@-moz-document url-prefix() {
a {
color: #999999;
}
}

Кроссбраузерность для Safari:

<script type="text/javascript">
var detect = navigator.userAgent.toLowerCase();
if((detect.indexOf('safari')) != -1) {
document.write('<link href="style/safari.css" rel="stylesheet" type="text/css" />');
}
</script>

Niemans · 15.01.2010, 17:51

Мама...
Вы код какого-нибудь сайта нормального откройте и посмотрите, что там.
Если верстаете правильно и аккуратно, то вам даже это не понадобится.
Лиса, хром, сафари, опера могут отобразить все то что вы хотите правильно и без хаков, опять же если вы все нормально делаете (пока из того что вы тут выкладывали и спрашивали этого не видно).
Для ие6 нужно:
прозрачность png24, и файлик hover.htc (ну мне так проще)
В стилях у ие6 проблема с удвоением margin, вылечить можно просто дописав //display: inline
Иногда для ие6 дествительно лучше создать отдельный файл стилей.
Есть еще float, его можно настроить через clear: both или overflow: hidden как удобнее.
Если грамотно все делать то большего почти не потребуется.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
рисунок средствами php	kostia	ASP, Perl, PHP и MySQL	0	28.11.2012 01:35
проблема с написанием текста	Lavr	Растровая графика	3	01.10.2009 20:14
Рисунок	ddddd	Графические работы	14	02.07.2009 02:21
Рисунок	Mustools	Графические работы	6	10.09.2007 06:43
Вместо текста иероглифы в поле ввода текста	IgorQ	Технологии Flash	1	22.03.2007 20:49

13.01.2010, 22:36	#32
Niemans	Сегодня дружок мы познакомимся с кроссбраузерной версткой. Да да, в каждом браузере все может отображаться по разному. Решить эту проблему можно точно также как и раньше, открыть книжку и прочитать о правилах верстки. Например ие очень требователен к мелочам, и когда вы их все учтете в своей работе он вас порадует. Ваша проблема решается так: Код 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> И о чудо все работает.

13.01.2010, 23:13	#34
Niemans	Вот я уверен что это не последний вопрос у вас из этой серии.

14.01.2010, 01:15	#36
Niemans	Эмоции у каждого свои.

14.01.2010, 01:30	#37
Meerkat	Hy pa3 TaKoe deJIo, u3BoJIbTe u MHE TTOMO4b))http://web-silver.ru/forum/html-css-...a-zapisei.html prostite za language)

15.01.2010, 17:16	#39
genius	Получается для каждого браузера надо сделать свой css и вот это прописать в html Кроссбраузерность для IE (Internet Explorer): <!--[if IE 6]> /* CSS для получения кроссбраузерности в IE / <link rel="stylesheet" type="text/css" href="style/ie.css" /> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="style/ie7.css" /> <![endif]--> Кроссбраузерность для Opera:* <script type="text/javascript"> if(window.opera) { document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />'); } </script> Кроссбраузерность для Firefox: @-moz-document url-prefix() { a { color: #999999; } } Кроссбраузерность для Safari: <script type="text/javascript"> var detect = navigator.userAgent.toLowerCase(); if((detect.indexOf('safari')) != -1) { document.write('<link href="style/safari.css" rel="stylesheet" type="text/css" />'); } </script>

15.01.2010, 17:51	#40
Niemans	Мама... Вы код какого-нибудь сайта нормального откройте и посмотрите, что там. Если верстаете правильно и аккуратно, то вам даже это не понадобится. Лиса, хром, сафари, опера могут отобразить все то что вы хотите правильно и без хаков, опять же если вы все нормально делаете (пока из того что вы тут выкладывали и спрашивали этого не видно). Для ие6 нужно: прозрачность png24, и файлик hover.htc (ну мне так проще) В стилях у ие6 проблема с удвоением margin, вылечить можно просто дописав //display: inline Иногда для ие6 дествительно лучше создать отдельный файл стилей. Есть еще float, его можно настроить через clear: both или overflow: hidden как удобнее. Если грамотно все делать то большего почти не потребуется.

13.01.2010, 22:09
Ссылки