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 :: Как Mozilla % считает?
ТвойWeb ТвойWeb
Качественный Европейский хостинг
Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


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

> Описание: от какого места она берёт ширину?
SviMik Супермодератор
Отправлено: 16 Августа, 2006 - 20:22:55
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




CODE:
<div style="position:absolute;left:30px;width:31%; height:500px; border: solid 1px">
<div style="position:relative; width:100%; padding:3%; background-color:#FF00FF">
000
</div>
</div>


Опера и IE - всё отлично. Мозила показывает фигню. Хм
Скрин:
Прикреплено изображение (Нажмите для увеличения)
att-44e3b6df3c805_prc.png
 
 Top
Дмитрий Б.
Отправлено: 16 Августа, 2006 - 22:25:40
Post Id



Super Member


Покинул форум
Сообщений всего: 800
Дата рег-ции: Март 2005  
Откуда: Иркутск

Карма 0




SviMik
Mozilla посчитала padding'и не так, так что ширина получилась равной 106%. Я бы посоветовал отказаться от padding'ов и задать вместо них margin'ы для вложенного элемента (например, <p>).
 
 Top
Ray Wen Администратор
Отправлено: 17 Августа, 2006 - 00:59:45
Post Id



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


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

Карма 21




SviMik
Мозила (FF) принудительно использует спецификацию 4,01, а там паддинг прибавляется к ширине... кстати Opera 9 скорее всего будет делать тоже самое... По тому и желательно использовать спецификацию, иначе будет много гемороя с оптимизацией под все браузеры...
 
 Top
SviMik Супермодератор
Отправлено: 17 Августа, 2006 - 11:29:26
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




Спецификацию не успел прописать, думал сначала наброски сделаю, потом напишу.

Сделал проще: width:94%; padding:3%;
 
 Top
SviMik Супермодератор
Отправлено: 17 Августа, 2006 - 11:58:33
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




Что Мозиле не понравилось в этом коде?
ЗЫ. Спецификация стоит.

CODE:
<div style="position:relative; width:99%; height:2px; margin-top:10px; margin-bottom:10px; background-color:#007740;overflow:hidden"></div>

<div style="position:relative; width:99%;background-color:#a07740">
<div style="position:relative; float:left; width:15%; margin-left:1%; background-color:#007740">jj</div>
<div style="position:relative; float:left; width:75%; margin-left:2%; text-align:left; background-color:#00FF00">jj</div>
</div>

<div style="position:relative; width:99%; height:2px; margin-top:10px; margin-bottom:10px; background-color:#007740;overflow:hidden"></div>

Прикреплено изображение (Нажмите для увеличения)
att-44e49229bb8fdv_hr.png
 
 Top
Ray Wen Администратор
Отправлено: 17 Августа, 2006 - 12:39:50
Post Id



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


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

Карма 21




SviMik
Тоже самое что и Опере... float:left объекты не растягивают блок...

CODE:
<div style="height:100%;padding:0 0 100px 0">
<div style="width:99%; height:2px; margin:10px 0; background-color:#007740;overflow:hidden"></div>

<div style="width:99%;background-color:#a07740">
<div style="float:left; display:block; width:15%; margin:0 2% 0 1%; background-color:#007740">jj</div>
<div style="width:75%;text-align:left; display:block; float:left; background-color:#00FF00">jj</div>
<div style="display:block; height:1px; overflow:hidden; clear:both; margin-top:-1px"></div>
</div>

<div style="width:99%; height:2px; margin:10px 0;background-color:#007740;overflow:hidden"></div>
</div>
 
 Top
SviMik Супермодератор
Отправлено: 17 Августа, 2006 - 14:40:31
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




Ray Wen пишет:
Тоже самое что и Опере...

А Опера 7.23 ведёт себя также как и IE...
 
 Top
SviMik Супермодератор
Отправлено: 17 Августа, 2006 - 18:36:08
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




А как зделать чтобы тут блок растягивался?

CODE:
<div style="position:absolute; top:190px;text-align:left; width:30%;height:100%;padding:1px;border: solid 5px #FF0000">
<div style="position:absolute; left:30%; width:30%; padding:3%; padding-bottom:0px; padding-top:0px; float:left; background-color:#FF00FF">текст<BR>текст</div>
<div style="position:absolute; left:40%; width:10%; height:15px; padding:3%; padding-bottom:0px; padding-top:0px; float:left; background-color:#FF0000"></div>
</div>

 
 Top
Ray Wen Администратор
Отправлено: 17 Августа, 2006 - 23:40:07
Post Id



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


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

Карма 21




SviMik
Никак, ты суешь блок с абсолютным позиционированием...
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 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.0365]     [ Gzipped ]