Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#24 used as offset, casting to integer (24) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#27 used as offset, casting to integer (27) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Совместимость div с IE и Mozilla
ТвойWeb ТвойWeb
Качественный Европейский хостинг
 Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (3): [1] 2 3 » 

> Описание: Как сделать?
Поиск в теме | Версия для печати
Antonio
Отправлено: 04 Июля, 2006 - 18:53:59
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




 Народ подскажите как подогнать под Firefox вот это:
CODE:
<html>
<head>
<title></title>
<style>
a:link {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #16285C;
text-decoration: none;
}
a:hover {
font-family: Tahoma;
font-size: 12px;
font-weight:narmal;
color: #16285C;
TEXT-DECORATION: underline;
}
a:visited {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #16285C;
text-decoration: none;
}
.a {
width: 100%;
height :100%;
}
.b {
width: 880px;
height: 100%;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
border-top: 1px solid #AFB8D6;
border-bottom: 1px solid #AFB8D6;
background-color: #E7EAF5;
padding-top: 2px;
}
.c {
width: 874;
height: 10px;
font-size: 0px;
line-height: 0px;
border-bottom: 1px solid #AFB8D6;
border-top: 1px solid #AFB8D6;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
}
.d {
width: 874;
height: 80px;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
}
.e {
width: 200px;
height: 80px;
display: inline;
}
.f {
width: 660px;
height: 80px;
display: inline;
padding-top: 8px;
}
.g {
width: 468px;
height: 60px;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
border-top: 1px solid #AFB8D6;
border-bottom: 1px solid #AFB8D6;
background-color: #E7EAF5;
padding-top: 23px;
font-family: Tahoma;
font-size: 12px;
color: #16285C;
}
</style>
</head>
<body>
<div class="a" align="center">
<div class="b">
<div class="c"></div>
<div class="d">
<div class="e"><a href="#"><img src="#" height="80" width="200" alt="#" border="0"></a></div>
<div class="f">
<div class="g" onmouseover="this.style.background='D8DCEE'" onmouseout="this.style.background='E7EAF5'" style="cursor: hand">468 x 60 px</div>
</div>
</div>
<div class="c"></div>
</div>
</div>


</body>
</html>

В IE все как и должно быть, в Фоксе совсем другое, как сделать чтобы и там и там все отображалось одинаково?
 
 Top
Ray Wen Администратор
Отправлено: 04 Июля, 2006 - 22:33:02
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




 Поставь в самом верху вот это:
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


Скорее всего FF принудительно использует последнюю спецификацию, а IE если не указано, то работает как прийдется...
 
 Top
Antonio
Отправлено: 05 Июля, 2006 - 05:56:38
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




 Ray Wen
После вставки строки стало одинаково неправильно отображаться как в IE так и в FF.
 
 Top
Ray Wen Администратор
Отправлено: 05 Июля, 2006 - 06:45:07
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




 Antonio
Не "не правильно", а так как должно быть... и то что одинакого отображается, уже один большой плюс... Просто по новой спецификации padding не зависит от width и height, тобишь ширина и высота "рабочего" пространства остается такой же, какая она указана, а padding идет в плюс...
 
 Top
Antonio
Отправлено: 05 Июля, 2006 - 10:24:49
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




 Ray Wen
Так значит, мне нужно вставить эту строчку и подгонять диз?
 
 Top
Ray Wen Администратор
Отправлено: 05 Июля, 2006 - 13:13:27
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




 Antonio
Отминусуй от высоты паддинг по вертикали и от ширины по горизонтали... Это всего лишь дело привычки, потом поймешь что даже удобнее таким образом делать...
 
 Top
Antonio
Отправлено: 08 Июля, 2006 - 11:26:56
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




 Ray Wen
Все сделал, в IE и Foxe показывает как задумано, зато в опере все уехало за левый край.
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style>
<!--
a:link {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #16285C;
text-decoration: none;
}
a:hover {
font-family: Tahoma;
font-size: 12px;
font-weight:narmal;
color: #16285C;
TEXT-DECORATION: underline;
}
a:visited {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #16285C;
text-decoration: none;
}
.a {
width: 100%;
height :100%;
}
.b {
width: 880px;
height: 100%;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
border-top: 1px solid #AFB8D6;
border-bottom: 1px solid #AFB8D6;
background-color: #E7EAF5;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.c {
width: 870;
height: 10px;
font-size: 0px;
line-height: 0px;
border-bottom: 1px solid #AFB8D6;
border-top: 1px solid #AFB8D6;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
}
.d {
width: 874;
height: 80px;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
}
.e {
width: 200px;
height: 80px;
display: inline;
position: absolute;
margin-left:-430px;
}
.f {
width: 660px;
height: 80px;
display: inline;
position: absolute;
margin-left: -230px;
margin-top: 7px;
}
.g {
width: 468px;
height: 60px;
border-left: 1px solid #AFB8D6;
border-right: 1px solid #AFB8D6;
border-top: 1px solid #AFB8D6;
border-bottom: 1px solid #AFB8D6;
background-color: #E7EAF5;
font-family: Tahoma;
font-size: 11px;
color: #16285C;
}
-->
</style>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" background="#">
<div class="a" align="center">
<div class="b">
<div class="c"></div>
<div class="d">
<div class="e"><img src="#" height="80" width="200" alt="#" border="0"></div>
<div class="f">
<div class="g"></div>
</div>
</div>
<div class="c"></div>
</div>
</div>


</body>
</html>
Вот код, что не правильно делаю?
 
 Top
Ray Wen Администратор
Отправлено: 08 Июля, 2006 - 13:03:56
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




 Antonio
А нафига заморочки с абсолютным позиционированием? Причем последующим выравниванием маргинами... не проще ли тогда указать координаты?
 
 Top
Antonio
Отправлено: 09 Июля, 2006 - 04:53:22
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




 Ray Wen
Ладно, попробую, посмотрим что получится.
 
 Top
Antonio
Отправлено: 09 Июля, 2006 - 06:21:13
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




 Ray Wen
Подскажи, как координатами выравнить, неполучается правильно.
 
 Top
Поиск в теме | Версия для печати
Страниц (3): [1] 2 3 »
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0, скрытых: 0)
« CSS »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®
[Script Execution time: 0.0415]     [ Gzipped ]



Notice: ob_end_flush(): failed to send buffer of ob_gzhandler (1) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/page_tail.php on line 33