Вёрстка № 2 для портфолио

[psywalker]

gordi

Спасибо друг, к сожалению я сейчас не могу поковыряться в твоём примере, но ближе к вечеру обязательно займусь им, так что ты далеко не отходи плиз, возможно к тебе будут вопросы

rus

Да я понял, нет проблем Рустамыч

[3ABAPKA]

psywalker, давай урок по доктайпам в новой теме...

[gordi]

gordi

Спасибо друг, к сожалению я сейчас не могу поковыряться в твоём примере, но ближе к вечеру обязательно займусь им, так что ты далеко не отходи плиз, возможно к тебе будут вопросы

Разбирайся, на вопросы отвечу.

Но на многие из них ответы на http://fixed.name имеются.

[psywalker]

3ABAPKA

Не понял юмора?

gordi

Зацени чё сотворил, позаимствовал у тебя идею с Оверфлоу, сделал так

Было так: html { height: 100%; overflow: hidden; }

Сделал так: html { height: 100%; overflow-y: hidden; }

И вот результат, уже появилась горизонтальная полоса, зацени:

http://psywalker.ru/Portfolio/FreshWebLab/home-page.html

Надо чё то думать с вертикальной, она балуется, но чувствую эту собаку тоже можно до ума довести

p.s. - Кстати только что заметил у тебя большой косяк в примере: При заполнении текста Вертикальная полоса вообще не появляется, даже в ФФ

http://fixed.name/i/s/fixcenter.html#

Edited October 2, 2009 by psywalker

[gordi]

gordi

Зацени чё сотворил, позаимствовал у тебя идею с Оверфлоу, сделал так

Было так: html { height: 100%; overflow: hidden; }

Сделал так: html { height: 100%; overflow-y: hidden; }

И вот результат, уже появилась горизонтальная полоса, зацени:

http://psywalker.ru/Portfolio/FreshWebLab/home-page.html

Надо чё то думать с вертикальной, она балуется, но чувствую эту собаку тоже можно до ума довести

Да по всякому можно, но у себя посмотри, как при уменьшении размеров окна браузера, кусок header, что справа прокручивается В IE7

gordi

p.s. - Кстати только что заметил у тебя большой косяк в примере: При заполнении текста Вертикальная полоса вообще не появляется, даже в ФФ

http://fixed.name/i/s/fixcenter.html#

А у меня так специально сделано, что вертикальной прокрутки нет.

Но ей легко можно придать видимость

Вот здесь она присутствует http://trifler.ru/blog/

Edited October 2, 2009 by gordi

[psywalker]

Да по всякому можно, но у себя посмотри, как при уменьшении размеров окна браузера, кусок header, что справа прокручивается smile.gif В IE7

Ну да, и не только в ИЕ7, слушай, я чёто не могу вкурить, может подскажешь, что надо сделать, что-бы такого косяка не было?

Смотри чё придумал, как тебе? http://psywalker.ru/Portfolio/FreshWebLab/home-page.html

Edited October 2, 2009 by psywalker

[gordi]

Ну да, и не только в ИЕ7, слушай, я чёто не могу вкурить, может подскажешь, что надо сделать, что-бы такого косяка не было?

Выложи свою страницу, как у меня, чтобы ничего лишнего не было, посмотрю.

[psywalker]

Выложи свою страницу, как у меня, чтобы ничего лишнего не было, посмотрю.

Вот смотри, я кое что ещё придумал, и это моё решение этой проблемы http://psywalker.ru/Portfolio/FreshWebLab/test.html

починил для ИЕ6, так что кросс есть, если увидишь косяки, скажи плиз и варианты решения

[gordi]

Вот смотри, я кое что ещё придумал, и это моё решение этой проблемы http://psywalker.ru/Portfolio/FreshWebLab/test.html

починил для ИЕ6, так что кросс есть, если увидишь косяки, скажи плиз и варианты решения

Нет.

В IE6 ни одной прокрутки не наблюдаю.

В OPERA9.64 тоже, в Google Chrome только горизонтальная есть.

Все более или менее работает в IE7.

Сочетание абсолютного позиционирования и position:fixed; не считаю правильным.

Также, по моему мнению в блоке

<div class="line"></div>

не необходимости.

Дал тебе линк, там все сделано только на position:absolute;

Работает во всех популярных браузерах.

Разбирай его и будет тебе счастье

Edited October 2, 2009 by gordi

[psywalker]

Нет.

В IE6 ни одной прокрутки не наблюдаю.

В OPERA9.64 тоже, в Google Chrome только горизонтальная есть.

Все более или менее работает в IE7.

Сочетание абсолютного позиционирования и position:fixed; не считаю правильным.

Также, по моему мнению в блоке

<div class="line"></div>

не необходимости.

Дал тебе линк, там все сделано только на position:absolute;

Работает во всех популярных браузерах.

Разбирай его и будет тебе счастье

Не понял, у меня везде работает, включая ИЕ6 и есть все полосы прокрутки тоже везде, приведи плиз скрин проблемы тобою увиденной?

http://psywalker.ru/Portfolio/FreshWebLab/contact.html

А вот этот блок <div class="line"></div> как раз нужен для того, что-бы дополнять верхнюю полосу до правой полосы прокрутки, без него бяка

Edited October 2, 2009 by psywalker

[gordi]

Не понял, у меня везде работает, включая ИЕ6 и есть все полосы прокрутки тоже везде, приведи плиз скрин проблемы тобою увиденной?

http://psywalker.ru/Portfolio/FreshWebLab/contact.html

http://trifler.ru/i/test.png

А вот этот блок <div class="line"></div> как раз нужен для того, что-бы дополнять верхнюю полосу до правой полосы прокрутки, без него бяка

Ну, если он нужен, тогда что ту скажешь

Когда сделешь без него, тогда будет круто

[psywalker]

http://trifler.ru/i/test.png

Ну, если он нужен, тогда что ту скажешь

Когда сделешь без него, тогда будет круто

Да, на твоём скрине нет вертикальной полосы, но она и не нужна при пустом контенте, необходимость в полосе нужна тока если контент заполняется содержимым, как и происходит у меня на других страницах. Посему считаю задачу выполненой, пусть даже и с лишним элементом

[gordi]

Да, на твоём скрине нет вертикальной полосы, но она и не нужна при пустом контенте, необходимость в полосе нужна тока если контент заполняется содержимым, как и происходит у меня на других страницах. Посему считаю задачу выполненой, пусть даже и с лишним элементом

Набил br

Но вот скрин из OPERA http://trifler.ru/i/test1.png

Так, что "квест" до конца не пройден

[psywalker]

Набил br

Но вот скрин из OPERA http://trifler.ru/i/test1.png

Так, что "квест" до конца не пройден

Смотри, я лично щас вернул ещё один контейнер, тот который у меня в вёрстке есть и добавил текста, в Опере 9.2 и 10 всё в порядке, неужели у тебя по другому?

[Clayton]

 <!-- block --> 
					<div class="block one"> 
						<div class="top"><div><div></div></div></div> 

							<h2>WELCOME <span>TO OUR LAB!</span></h2> 

						<div class="btm"><div><div></div></div></div> 
					</div> 

					<!-- block --> 
					<div class="block two"> 
						<div class="top"><div><div></div></div></div> 

							<h2>FRESH <span>WORKS</span></h2> 

						<div class="btm"><div><div></div></div></div> 
					</div>

Это что ли круглые уголки за счет вложенных элементов?

Edited October 2, 2009 by Clayton

[psywalker]

 <!-- block --> 
					<div class="block one"> 
						<div class="top"><div><div></div></div></div> 

							<h2>WELCOME <span>TO OUR LAB!</span></h2> 

						<div class="btm"><div><div></div></div></div> 
					</div> 

					<!-- block --> 
					<div class="block two"> 
						<div class="top"><div><div></div></div></div> 

							<h2>FRESH <span>WORKS</span></h2> 

						<div class="btm"><div><div></div></div></div> 
					</div>

Это что ли круглые уголки за счет вложенных элементов?

Это мой нерушимый бокс для уголков, тут он нужен для того, что-бы при перескакивании содержимого на другие строки уголки сохранялись, да и вообще что-бы был неубиваемый блок в ширину и высоту

[Clayton]

Нерушимый бокс

Многовасто блоков получается... Ты с помощью бифор и афтер не пробовал нерушимые боксы строить? Они такие же гибкие получаются, и в ширину и в высоту...

[psywalker]

Нерушимый бокс

Многовасто блоков получается... Ты с помощью бифор и афтер не пробовал нерушимые боксы строить? Они такие же гибкие получаются, и в ширину и в высоту...

1) Согласен, многовато, зато наверняка!

2) Покажи пример плиз, сделай с моим блоком таким же прям, с помощью бифор и афтер что-бы везде работало, включая ИЕ6-7, да и просто покажи, интересно узнать способ!

3) Эти вещи не работают в ИЕ6-7 кажется

Edited October 2, 2009 by psywalker

[Clayton]

Ща, доем и сделаю)

Edited October 2, 2009 by Clayton

[psywalker]

Ща, доем и сделаю)

Да, сделай плиз, только прям на моём примере, такиеже серые блоки и т. д., что-бы были тянучие в ширину и высоту 100%

[gordi]

Смотри, я лично щас вернул ещё один контейнер, тот который у меня в вёрстке есть и добавил текста, в Опере 9.2 и 10 всё в порядке, неужели у тебя по другому?

Еще раз выложи страницу, как у меня, только каркас, саму разметку.

Дай border каждому блоку, текст в область контента положи.

Зачем мне все укарашательства перебирать.

Для оценки нужен голый скелет страницы, если он будет рабочий,

то потом набить его всякой фигней пара пустяков.

Желательно, стили только те, что имеют отношение к глобальной разметке страницы,

на самой странице, а не линком на файл стилей.

[Clayton]

Разбираю сейчас твой бокс. Вот это ты маньяк, такую хреновину замутил

[psywalker]

gordi

Ок дружище, я тебя понял, сделаю обязательно, только позже, щас времени нет совсем. Только давай полюбас, думаю сегодня, завтра выложу, напишу подпись - для gordi

Clayton

Маньяк не то слово, а чё там разбирать, забей. Просто возьми углы, да сделай по своему, своим способом и всё

[Clayton]

Типа так http://www.ivblog.ru/test/sq_test/sq.html

[psywalker]

Типа так http://www.ivblog.ru/test/sq_test/sq.html

Слушай, классный способ, только вот жаль, что для него во первых всегда нужен JS, а во вторых для углов ПНГ он же не подходит?

А если блоков будет на странице 5 штук разных цветов, значит уже 5 разных JS строк надо?

И ещё минус - картинки НЕ спрайтом?

Edited October 2, 2009 by psywalker