ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка
25 сообщений из 27, страница 1 из 2
  1  все
Верстка
    #35883798
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
Подскажите пожалуйста как лучше поступить с Оперой.

Есть такой код:

<div style="width:50%;">

<div id="middle" style="width: 100%;">
</div>

</div>

В IE считается так:

Всего ширина страницы 800px, в первом ДИВе берем 60% от всей ширины будет 400 px
и эти 400 px и есть 100% второго DIVа т.к. он внутри первого.

А в опере по борабану что он внутри первого ДИВа и Опера считает 100% от всей ширины.

Итого в IE все ок а в опере белеберда.

Может кто подскажет как проще решить?

Заоанее спасибо.
...
Рейтинг: 0 / 0
21.03.2009, 23:43
| Ответить | Цитировать | Написать  
Верстка
    #35883831
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Эх, забить на оперу ... все равно ею мало пользуются :)
...
Рейтинг: 0 / 0
22.03.2009, 00:40
| Ответить | Цитировать | Написать  
Верстка
    #35883941
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
С удовольствием, но не всем понравится такой сценарий..
...
Рейтинг: 0 / 0
22.03.2009, 10:27
| Ответить | Цитировать | Написать  
Верстка
    #35883998
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
IDVsbruckЭх, забить на оперу ... все равно ею мало пользуются :)
Цыц.... из 20 гдето моих знакомых програмеров 5 пользуютсья не оперой а мазилой и все! Остальные оперой!
СОбственно по теме: не указывай ширину 100% для второго дива. Она автоматом те всю ширину первого дива займет. Если же те допустим нуна чтобы ширина второго дива была 90% то просто для второго дива пропиши margin-right:10%; Хоть и коряво но все браузеры понимают норм и не ругаються
...
Рейтинг: 0 / 0
22.03.2009, 12:33
| Ответить | Цитировать | Написать  
Верстка
    #35884046
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
Спасибо, кое как выкрутился, но пришлось каждому ДИВу свою ширину накручивать в итоге куча слоев, но работает. :)

Теперь другой вопрос, нужно сделеть Footer внизу, как лучше через DIVы задать свойство bottom? Типа float: bottom ?

Немного некорректно разделил колонки сайта, и теперь слои подряд строить не получается,
хотелось бы последний слой Footera прибить к окончанию сайта, но при этом св-во absolute использовать нельзя, так как длина страницы может менятся.
...
Рейтинг: 0 / 0
22.03.2009, 13:52
| Ответить | Цитировать | Написать  
Верстка
    #35885514
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey01нужно сделеть Footer внизу
Как вариант...

 
<-Текст тут
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<!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>«Primer»</title>
<script language="JavaScript" src="page.js" type="text/JavaScript"></script>

<style type='text/css'>
* {
	margin: 0px;
	padding: 0px;
}
html {
	height:  100 %;
	width:  100 %;
}
body {
	width:  100 %;
	min-height: 100 %;
	height:  100 %;
}
#container {
	height: auto !important;
	min-height: 99 %;
	height:  99 %;
	border: 1px solid;
}
#prefooter {
	clear: both;
	height: 100px;
	border: 1px solid;
}
#footer {
	margin-top: -100px;
	clear: both;
	border: 1px solid;
}
</style>
</head>
<body>
<div id='container'>Text
	<div id='prefooter'>Tab
	</div>
</div>
<div id='footer'>Footer
</div>
</body>
</html>
...
Рейтинг: 0 / 0
23.03.2009, 13:24
| Ответить | Цитировать | Написать  
Верстка
    #35885533
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey01Подскажите пожалуйста как лучше поступить с Оперой

Вот этот вариант работает в ИЕ 6.*, Опера 9.63, ФФ 2.*...

 
<- Текст тут
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<!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>«Primer»</title>

<style type='text/css'>
* {
	margin: 0px;
	padding: 0px;
}
html body {
	height:  100 %;
	width:  100 %;
}
div {
	border: 1px solid;
}
#cont {
	 width:  50 %;
	height: 40px;
}
#middle {
	height: 20px;
}
</style>
</head>
<body>
<div id='cont'>
	<div id='middle'>
	</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
23.03.2009, 13:32
| Ответить | Цитировать | Написать  
Верстка
    #35886305
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
krvsa, спасибо!

Насчет ширины ДИВов - решил задачу путем указания ширины каждого ДИВа отдельно.
В вашем примере если прописать middle 50%, то Опера все равно возьмет 50% от всей ширины старницы. А сделать блок одного ДИВа в котором помещать другие ДИВы с нужным % от первого,
видимо, Опера не воспринимает.
...
Рейтинг: 0 / 0
23.03.2009, 17:05
| Ответить | Цитировать | Написать  
Верстка
    #35887211
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey01если прописать middle 50%
Как вариант можно использовать маргин или паддинг по 25% с каждой стороны...
...
Рейтинг: 0 / 0
24.03.2009, 09:22
| Ответить | Цитировать | Написать  
Верстка
    #35890065
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
Спасибо всем за ответы.

Еще вопрос, как лучше сделать что бы на всю длину сайта до footer отображалась панель:

#leftpanel {
position: absolute;
left: 0px;
top: 0px;
width: 10px;
height: 100%;
}

если использовать данный код панель будет отображаться на всю _начальную_ длину стрвницы,
а если скролбаром пройти вниз то там панели уже не будет.

пытался увеличить height: 120% и т.д. но в результате пока не получается добиться совсместимости с остальными броузерами.

Может есть более "чистый" код в этом плане?
...
Рейтинг: 0 / 0
25.03.2009, 10:00
| Ответить | Цитировать | Написать  
Верстка
    #35890199
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey01 , картинку что ли покажи... Чего ты там замастырить хочешь...
...
Рейтинг: 0 / 0
25.03.2009, 10:52
| Ответить | Цитировать | Написать  
Верстка
    #35890230
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
Да обычная боковая оконтовка сайта шириной 10px от шапки до футера. :)
...
Рейтинг: 0 / 0
25.03.2009, 11:01
| Ответить | Цитировать | Написать  
Верстка
    #35890301
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Тогда, как вариант у боди сделать бекграунд слева или справа (где там тебе нужно) в 1px и повторить его по вертикали...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
25.03.2009, 11:26
| Ответить | Цитировать | Написать  
Верстка
    #35890348
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
К сожалению через body border не получится сделать, т.к. в некторых местах графика на оконтовку должна вылазить. Поэтому только с помощью ДИВа.
...
Рейтинг: 0 / 0
25.03.2009, 11:49
| Ответить | Цитировать | Написать  
Верстка
    #35890806
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey01К сожалению через body border не получится сделать
Так я не про бордер... Я про фоновый рисунок...

Код: plaintext
1.
2.
body {
	background: url(img/scr.png) repeat-y;
}
...
Рейтинг: 0 / 0
25.03.2009, 14:12
| Ответить | Цитировать | Написать  
Верстка
    #35891914
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
Понял, но нужно и слева и справа причем разного цвета. :)
...
Рейтинг: 0 / 0
25.03.2009, 19:19
| Ответить | Цитировать | Написать  
Верстка
    #35892444
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
РенатЦыц.... из 20 гдето моих знакомых програмеров 5 пользуютсья не оперой а мазилой и все! Остальные оперой!
Я не знаю даже знакомых, у которых знакомые юзали бы оперу ... И статистика говорит сама за себя - эти пару процентов - это просто жахи. Хром доганяет уже и уверен, что к лету догонит и перегонит.
Еще прикол: так получается, что по работе общаюсь с амерами в основном (моя фирма там) - понятно, что с заказчиками-ДБ, но и с админами заказчиков, иногда с достаточно продвинутыми ребятами, по крайней мере, в рамках проекта. И неоднократно вставал вопрос платформ и кроссбраузерности ... Понятно, ИЕ знают, подавляющее большинство слышало и видело ФФ, оно же (это большинство) сталкивалось с Хромом, так как самый распространенный поисковик делает "ненавязчивую" рекламу своего продукта, практически в полном составе это же большинство сталкивалось с Сафари, так как все они скопом пришли "к нам" с Джоббсовских Эпплов, но слово "Опера" большую часть (!!!) вводит в раздумья - о чем это я! Это вам к слову о "распространенности" любимого на ВАШИХ, российских, просторах браузера. 95% его использования припадает на Скандинавию, Германию и Россию. Кстати, в нас його використовувати не хочуть і не використовують ... взагалом, дуже небагато (щоб не образити тих, хто його "юзає") ... вибачте.
...
Рейтинг: 0 / 0
26.03.2009, 02:12
| Ответить | Цитировать | Написать  
Верстка
    #35892446
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
У, блин ... перечитал. Сразу говорю - холивар не устраиваю, просто не люблю :). Юзайте что хотите, но работать должно под ВСЕ!
...
Рейтинг: 0 / 0
26.03.2009, 02:14
| Ответить | Цитировать | Написать  
Верстка
    #35892600
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey01но нужно и слева и справа причем разного цвета. :)
Ну ты, барин, и задачки ставишь... (с) к/ф Формула любви

P.S. Куда у нас все время пропадают поборники ДИВонли-верстки?
...
Рейтинг: 0 / 0
26.03.2009, 09:02
| Ответить | Цитировать | Написать  
Верстка
    #35892756
Alexey01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey01
Гость
Да нет слов, слои на слоях, проще было на таблицах сделать, так ведь новомодное Дивное течение против, все нужно делать на современных технологиях. :)

Задача в силе пока так и не решил, как на весь документ растунять. Видимо придется структуру переделывать и в каждый слой вставлять кусок оконтовки...
...
Рейтинг: 0 / 0
26.03.2009, 10:15
| Ответить | Цитировать | Написать  
Верстка
    #35892849
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey01на современных технологиях
В одной книжке по html в описании тега <div> я прочитал из книжки... устаревший и не используемый ...
...
Рейтинг: 0 / 0
26.03.2009, 10:44
| Ответить | Цитировать | Написать  
Верстка
    #35892865
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsa
...
Рейтинг: 0 / 0
26.03.2009, 10:48
| Ответить | Цитировать | Написать  
Верстка
    #35892870
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsa, тынц есть?
...
Рейтинг: 0 / 0
26.03.2009, 10:49
| Ответить | Цитировать | Написать  
Верстка
    #35893094
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ShSergeтынц есть?
Так это книжка... Бумажная... Вот кинулся ее искать, но "ту" не нашел, нашел например это:
Чак Муссиано и Билл Кеннеди
HTML и XHTML. Подробное руководство (4-е издание)
из книгиВключенный впервые в стандарт HTML 3.2, он был задуман, чтобы служить простым средством организации текста и разбивать документ на отдельные куски. В силу смысловой неопределенности этого тега он оставался непопулярным. Но последние нововедения - атрибуты выравнивания и стилей, а так же атрибут id для организации ссылок и автоматической обработки - позволяют теперь яснее помечать, таким образом придавая им особый характер, отдельные разделы документа равно как и управлять их внешним видом. Эти возможности придали тегу <div> новый смысл и стимулировали его использование.

А в "той" книжке просто рекомендовали использовать тег <p>...
...
Рейтинг: 0 / 0
26.03.2009, 11:43
| Ответить | Цитировать | Написать  
Верстка
    #35893167
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
krvsa,

думаю в нынешнем (шестом) издании Муссиано и Кеннеди написано про див уже по-другому. Хотя точно утверждать не берусь, не решилась приобрести ( читай - жаба задавила :-) )
...
Рейтинг: 0 / 0
26.03.2009, 12:00
| Ответить | Цитировать | Написать  
25 сообщений из 27, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=298&tid=1455030]:
 0ms
get settings:
 11ms
get forum list:
 16ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 46ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 67ms
get tp. blocked users:
 1ms
others: 256ms
total:  410ms
созд. / загр.: 410ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]