Jump to content

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

psywalker

By psywalker,
in Discussion of works

 Share

Recommended Posts

psywalker Explorer

psywalker

Posted
  • Author
Posted

gordi

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

rus

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

Link to comment
Share on other sites
  • Replies 102
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

gordi Explorer

gordi

Posted
Posted
gordi

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

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

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted (edited)

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 by psywalker
Link to comment
Share on other sites
gordi Explorer

gordi

Posted
Posted (edited)
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 by gordi
Link to comment
Share on other sites
psywalker Explorer

psywalker

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

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

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

Edited by psywalker
Link to comment
Share on other sites
gordi Explorer

gordi

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

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

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

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

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

Link to comment
Share on other sites
gordi Explorer

gordi

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

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

Нет.

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

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

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

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

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

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

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

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

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

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

Edited by gordi
Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted (edited)
Нет.

В 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 by psywalker
Link to comment
Share on other sites
gordi Explorer

gordi

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

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

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

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

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

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
http://trifler.ru/i/test.png

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

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

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

Link to comment
Share on other sites
gordi Explorer

gordi

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

Набил br

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

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted
Набил br

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

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

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

Link to comment
Share on other sites
Clayton Explorer

Clayton

Posted
Posted (edited) 

 <!-- 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 by Clayton
Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted 
 <!-- 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>

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

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted (edited)
Нерушимый бокс ^_^

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

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

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

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

Edited by psywalker
Link to comment
Share on other sites
gordi Explorer

gordi

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

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

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

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

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

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

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

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted

gordi

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

Clayton

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

Link to comment
Share on other sites
psywalker Explorer

psywalker

Posted
  • Author
Posted (edited)

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

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

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

Edited by psywalker
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept