Форум hotibo.ru

anonimNO · 21.04.2011 06:31

Есть такая разметка страницы

Код:

-------------------
|                 |
-------------------
|  |          |   |
|  |          |   |
-------------------

верхний див - шапка (position: absolute; width: 100%)
потом еще один див (position: absolute; width: 100%)
и внутри три дива: правая колонка (position: absolute; left: 8px; width: 230px), центр (margin: 0px 210px 0px 250px), правая колонка (position: absolute; right: 8px; top: 0px; width: 200px)

все выглядит хорошо на 1024
но когда разрешение меньше и когда в цетральном диве большая картинка которая не сжимается - появляется гор. прокрутка
сама гор. прокрутка не страшна, НО когда прокручиваешь вправо страницу верхний див меньше чем нижний с колонками, т.е. он растягивается на ширину экрана, а нижний див больше

вот как бы их выровнять в таком случае?
скриптом?

prayer · #2 22.04.2011 17:07

Три дива - они не внутри, потому что у них position:absolute

tapazukk · #3 22.04.2011 19:26

Может вам лучше отказаться от использования абсолютного позиционирования. Такое поведение верхнего блока нормально, так как за ширину 100% он принимает видимую область окна браузера.

prayer · 24.04.2011 18:12

Можно, конечно, min-width поставить, а для осла написать expression или вставить невидимый элемент

tapazukk · #5 24.04.2011 18:47

Ну, если устроит такой эффект, что при уменьшенном окне браузера, ни смотря на min-width, справа будет абсолютно спозиционированный блок, то да.
Вообще то не вижу острой необходимости в вашем случае прибегать к абсолютному позиционированию.

Отредактированно tapazukk (24.04.2011 18:48)

anonimNO · #6 25.04.2011 04:20

да я только начал разбираться... еще не совсем понимаю что делаю
а как правильно сделать такую разметку?
с учетом того, что в коде див шапки идет в конце
т.е. сначала идет див с колонками а потом шапка

КузмичЪ · #7 25.04.2011 09:27

с учетом того, что в коде див шапки идет в конце
т.е. сначала идет див с колонками а потом шапка

это тоже самое, что читать книгу с последней страницы
почему нельзя дивы выводить по-порядку, шапку поставить в начало, дальше контейнер с тремя дивами?

anonimNO · #8 25.04.2011 09:37

у меня цель такого размещения: поисковики
можно конечно извратиться и поисковикам отдавать один контент, апользователям другой, но в бан попасть за такое можно

dark-demon · #9 25.04.2011 11:53

у меня цель такого размещения: поисковики

мне кажется или этому предложению действительно нехватает подлежащего и сказуемого?
какое отношение имеют поисковики к месту расположения шапки?

Отредактированно dark-demon (25.04.2011 11:56)

anonimNO · #10 27.04.2011 02:41

ладно, давайте так
отказываемся от абсолютного позиционирования
есть два дива

Код:

шапка
контент контент контент контент контент контент БОЛЬШАЯ КАРТИНКА

все выглядит хорошо на 1024
но когда разрешение меньше и когда в цетральном диве большая картинка которая не сжимается - появляется гор. прокрутка
сама гор. прокрутка не страшна, НО когда прокручиваешь вправо страницу верхний див меньше чем нижний, т.е. он растягивается на ширину экрана, а нижний див больше

вот как бы их выровнять в таком случае?

Отредактированно anonimNO (27.04.2011 02:43)

КузмичЪ · #11 27.04.2011 09:43

вот как бы их выровнять в таком случае?

1. не использовать слишком большие картинки
2. использовать min-width для ограничения ширины (в нормальных браузерах), expression для приведения в чувство IE
3. не очень хороший, но тоже способ, использовать прозрачную картинку высотой 1px и шириной равной минимальной ширине, допустим 1000px

garA · #12 02.05.2011 22:55

1)

какое отношение имеют поисковики к месту расположения шапки?

Бытует мнение, что поисковики "считывают" с сайта определенное количество информации, поэтому anonimNO сначала хочет "отправить" контент с релевантными словами, а потом уже header, который, как правило, не сожержит , "ценной" информации.
2)

использовать min-width для ограничения

мне кажется, что anonimNO'у наоборот надо задать максимальную ширину, а не минимальную
3)можно попробовать задать overflow:hidden (или его вариации):

Код:

шапка
контент контент контент контент контент контент БОЛЬШАЯ КАРТИНКА

Отредактированно garA (02.05.2011 22:59)

ash · #13 02.05.2011 23:52

шапка

контент контент контент контент контент контент

оно?

минимальную ширину можно ограничить опять-таки с помощью min-height, невидимой распорки и т.д.

dark-demon · #14 03.05.2011 05:22

Бытует мнение, что поисковики "считывают" с сайта определенное количество информации, поэтому anonimNO сначала хочет "отправить" контент с релевантными словами, а потом уже header, который, как правило, не сожержит , "ценной" информации.

по непроверенным данным яндекс кушает первые 50 килобайт. вам этого мало?

garA · #15 03.05.2011 09:46

dark-demon написал:

по непроверенным данным яндекс кушает первые 50 килобайт. вам этого мало?

мне нет..

Форум hotibo.ru

#1 21.04.2011 06:31

width: 100% или как выровнять дивы по ширине

Код:

#2 22.04.2011 17:07

Re: width: 100% или как выровнять дивы по ширине

#3 22.04.2011 19:26

Re: width: 100% или как выровнять дивы по ширине

#4 24.04.2011 18:12

Re: width: 100% или как выровнять дивы по ширине

#5 24.04.2011 18:47

Re: width: 100% или как выровнять дивы по ширине

#6 25.04.2011 04:20

Re: width: 100% или как выровнять дивы по ширине

#7 25.04.2011 09:27

Re: width: 100% или как выровнять дивы по ширине

#8 25.04.2011 09:37

Re: width: 100% или как выровнять дивы по ширине

#9 25.04.2011 11:53

Re: width: 100% или как выровнять дивы по ширине

#10 27.04.2011 02:41

Re: width: 100% или как выровнять дивы по ширине

Код:

#11 27.04.2011 09:43

Re: width: 100% или как выровнять дивы по ширине

#12 02.05.2011 22:55

Re: width: 100% или как выровнять дивы по ширине

Код:

#13 02.05.2011 23:52

Re: width: 100% или как выровнять дивы по ширине

#14 03.05.2011 05:22

Re: width: 100% или как выровнять дивы по ширине

#15 03.05.2011 09:46

Re: width: 100% или как выровнять дивы по ширине

dark-demon написал:

Board footer