X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Некорректная работа CSS
GeoSco
GeoSco
Topic Starter сообщение 10.3.2009, 11:54; Ответить: GeoSco
Сообщение #1


Добрый день!
Возникла (я бы сказал) странная проблема у меня...
Есть такой код:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Магазин &laquo;Sprandi&raquo; в МЕГА &laquo;Белая Дача&raquo;</title>
<STYLE>
* { FONT-FAMILY: Verdana, Helvetica, sans-serif, Arial Cyr; color: #656565;}
</STYLE>
<LINK type="text/css" rel="stylesheet" href="../../styles.ivo">
</head>

<body>



<div style="margin: 2px 2px 2px 2px;">
<table cellspacing="0" cellpadding="0" border="0"><tr valign="top">
<td align="center"><h3><a href="http://www.mpire.ru/info.ivo?m=0.1&l=1&s=3">Все объекты</a></h3></td>
<td style="padding-left: 15px;"><h2>Магазин Sprandi, Мега &laquo;Белая Дача&raquo;</h2></td>
</tr>


<tr valign="top">
<td>
<div class="list" oncontextmenu="return false">
<div>
<a href="javascript:photo(102)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_2.jpg" width="113" height="86" border="0" alt="Фото 2" title="Фото 2" /></a>
</div>
<div>
<a href="javascript:photo(103)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_3.jpg" width="113" height="86" border="0" alt="Фото 3" title="Фото 3" /></a>
</div>
<div>
<a href="javascript:photo(104)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_4.jpg" width="113" height="86" border="0" alt="Фото 4" title="Фото 4" /></a>
</div>
<div>
<a href="javascript:photo(105)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_5.jpg" width="113" height="86" border="0" alt="Фото 5" title="Фото 5" /></a>
</div>
<div>
<a href="javascript:photo(106)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_6.jpg" width="113" height="86" border="0" alt="Фото 6" title="Фото 6" /></a>
</div>
<div>
<a href="javascript:photo(107)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_7.jpg" width="113" height="86" border="0" alt="Фото 7" title="Фото 7" /></a>
</div>
<div>
<a href="javascript:photo(108)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_8.jpg" width="113" height="86" border="0" alt="Фото 8" title="Фото 8" /></a>
</div>
<div>
<a href="javascript:photo(109)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_9.jpg" width="113" height="86" border="0" alt="Фото 9" title="Фото 9" /></a>
</div>
<div>
<a href="javascript:photo(110)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_10.jpg" width="113" height="86" border="0" alt="Фото 10" title="Фото 10" /></a>
</div>
<div>
<a href="javascript:photo(111)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_11.jpg" width="113" height="86" border="0" alt="Фото 11" title="Фото 11" /></a>
</div>
<div>
<a href="javascript:photo(112)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_12.jpg" width="113" height="86" border="0" alt="Фото 12" title="Фото 12" /></a>
</div>
</div>
</td>

<td style="padding-left: 10px" valign="top">
<div class="product" oncontextmenu="return false">
<img src="http://mpire.ru/images/portfolio/spr_bd_big_1.jpg" id="photo" border="0" height="473" alt="Магазин Sprandi, Мега &laquo;Белая Дача&raquo;" title="Магазин Sprandi, Мега &laquo;Белая Дача&raquo;" /></a>
</div>
</td>
</tr>
</table>
</div>

<script>
var pics = {'102':{'alt':'Фото 2','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_2.jpg','width':630},
'103':{'alt':'Фото 3','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_3.jpg','width':630},
'104':{'alt':'Фото 4','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_4.jpg','width':630},
'105':{'alt':'Фото 5','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_5.jpg','width':630},
'106':{'alt':'Фото 6','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_6.jpg','width':630},
'107':{'alt':'Фото 7','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_7.jpg','width':630},
'108':{'alt':'Фото 8','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_8.jpg','width':630},
'109':{'alt':'Фото 9','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_9.jpg','width':630},
'110':{'alt':'Фото 10','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_10.jpg','width':630},
'111':{'alt':'Фото 11','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_11.jpg','width':630},
'112':{'alt':'Фото 12','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_12.jpg','width':630}};
var pic = document.getElementById('photo');
function photo ( id ) {
pic.src = pics[id].src;
}
</script>

</body>


И ссылается он на стили в styles.ivo в котором (помимо всего прочего) следующее:

div.product {
float: left;
background: url(/etc/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 5px;
}
div.product img {
display: block;
position: relative;
background-color: #FFFFFF;
border: 1px solid #888888;
margin: -6px 6px 6px -6px;
padding: 4px;
}

div.list {
border: 1px solid #A0A0A0;
background-color: #FFFFFF;
overflow: auto;
height: 492px;
}

div.list img {
border: 1px solid #A0A0A0;
padding: 2px;
margin: 4px 2px 0 2px;
}



div.changing_images
{
position: absolute;
z-index: 1;
float: left;
display: block;
width: 400px;
height: 345px;
margin: 170px 0 0 490px;
padding: 0;
}

Так вот вопрос: В IE - все нормуль, в FF - стили игнорируются напрочь! При этом (что мне и непонятно) если открываю страницу на локале посредством FF - все работает!!!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ne0zx
ne0zx
сообщение 12.3.2009, 1:01; Ответить: ne0zx
Сообщение #2


<LINK type="text/css" rel="stylesheet" href="../../styles.ivo">

=>

<LINK type="text/css" rel="stylesheet" href="путь на сервере/styles.ivo">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 12.3.2009, 12:15; Ответить: MetSerp
Сообщение #3


<LINK type="text/css" rel="stylesheet" href="../../styles.ivo">
у вас не css как указанно в типе попробуйте сделать файл в формате css и ссылайтесь на него :rolleyes:
Открыл сгенерированый код и на меня напала икота...
У вас подключается СТОЛЬКО файлов стилей что у браузера просто паника уверен что получается в том числе конфликт указаний в стилях


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3328 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) Нужна работа
0 filatd 706 12.1.2024, 17:08
автор: filatd
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3289 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Работа: Разная рутина
Работа, разные рутинные задачи: постинг / переговоры / поиск
1 ivanshargin 929 31.10.2023, 17:55
автор: ServersExpert
Открытая тема (нет новых ответов) Нужна удаленная работа
Нужна удаленная работа
0 filatd 990 12.9.2023, 11:40
автор: filatd


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:49
Дизайн