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

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

Немного некорректно разделил колонки сайта, и теперь слои подряд строить не получается,
хотелось бы последний слой Footera прибить к окончанию сайта, но при этом св-во absolute использовать нельзя, так как длина страницы может менятся.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.03.2009, 13:24
    #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:32
    #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, 17:05
    #35886305
Alexey01
Alexey01
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка
krvsa, спасибо!

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

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

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

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

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

Может есть более "чистый" код в этом плане?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.03.2009, 10:52
    #35890199
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка
Alexey01 , картинку что ли покажи... Чего ты там замастырить хочешь...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.03.2009, 11:01
    #35890230
Alexey01
Alexey01
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка
Да обычная боковая оконтовка сайта шириной 10px от шапки до футера. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.03.2009, 11:26
    #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:49
    #35890348
Alexey01
Alexey01
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка
К сожалению через body border не получится сделать, т.к. в некторых местах графика на оконтовку должна вылазить. Поэтому только с помощью ДИВа.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.03.2009, 14:12
    #35890806
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка
Alexey01К сожалению через body border не получится сделать
Так я не про бордер... Я про фоновый рисунок...

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

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

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

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

думаю в нынешнем (шестом) издании Муссиано и Кеннеди написано про див уже по-другому. Хотя точно утверждать не берусь, не решилась приобрести ( читай - жаба задавила :-) )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка / 25 сообщений из 27, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 531ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455030]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 201ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 75ms
get tp. blocked users:
 1ms
others: 201ms
total:  531ms
x
x
Закрыть


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