Вид для печати
[attachment=7089:attachment]
вот такой набросок, фон страницы резинится примерно 40%/60%
линия смены цветов фона должна совпадать с линией разделения левого и правого блока, их ширина постоянная, внимание вопрос к сенсеям [Only registered and activated users can see links. Click Here To Register...]
как провернуть все это чтобы высота левого блока зависела от высоты правого?
Чет ниче толком не понял, если честно...
Если необходим резиновый фон, делаем какую-нибудь дли-инную такую картику... шириной эдак 3000px... и множим ее по вертикали... Только соблюдаем пропорции в картинке (40%/60%) и позиционируем ее фоном соответственно: background-position: 40% 0px;. Точка 40% в изображении совпадет с точкой 40% слева от общего контейнера (которому назначается фон). И будет все прекрасно резиниться...
А тут уже только Faux Columns...Цитата:
чтобы высота левого блока зависела от высоты правого?
[/quote]Цитата:
Originally posted by Aykroyd@Oct 30 2007, 17:00
Чет ниче толком не понял, если честно...
Если необходим резиновый фон, делаем какую-нибудь дли-инную такую картику... шириной эдак 3000px... и множим ее по вертикали... Только соблюдаем пропорции в картинке (40%/60%) и позиционируем ее фоном соответственно: background-position: 40% 0px;. Точка 40% в изображении совпадет с точкой 40% слева от общего контейнера (которому назначается фон). И будет все прекрасно резиниться...
А тут уже только Faux Columns...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
да нет, загвоздка именно в колоночках )
кстати, почему при background-position задаваемых в пикселях все работает, а в % работать не хочет? [Only registered and activated users can see links. Click Here To Register...]
пасиба
[/quote]Цитата:
Originally posted by tegArt@Oct 30 2007, 22:15
кстати, почему при background-position задаваемых в пикселях все работает, а в %
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Работает прекрасно. Было бы только от чего эти проценты считать... )
[/quote]Цитата:
Originally posted by Aykroyd@Oct 30 2007, 23:07
Работает прекрасно. Было бы только от чего эти проценты считать... )
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
ширина у боди указанна 100%
позиционирование 39% 0px
и нифига ) мало того по странному себя ведет, при мелких разрешениях сползает много левее чем требуется, при больших центруется :lol2:
Код и графические прикрепления в студию.
[/quote]Цитата:
Originally posted by Aykroyd@Oct 30 2007, 23:14
Код и графические прикрепления в студию.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
body { display:block; width:100%; color:#ffffff; margin:0; background:url(img/bg.gif) 39% 0px #707674; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
bg.gif любого цвета для эксперимента 900x1px
Ну и что Вам не нравится? )
Все работает, как надо...
Я ж Вам объяснял выше, что задание позиции фона в процентах отличается от задания в пикселах. При этом левый край фоновой картинки будет начинаться не в 39-процентной точке body, а 39-процентная точка в рисунке совпадет (отцентрируется, если хотите) с 39-процентной точкой body. Ведь это же совсем не сложно понять. Логика простая. Попробуйте задать не 39%, а 100%. В этом случае Вы увидите, что правый край картинки выровняется по правому краю body. Но никак не левый край картинки выровняется по правому краю body...Цитата:
мало того по странному себя ведет, при мелких разрешениях сползает много левее чем требуется, при больших центруется
P.S. А что, body по-умолчанию совсем не "block" и совсем не 100% по ширине? ))
[/quote]Цитата:
Originally posted by Aykroyd@Oct 31 2007, 00:44
Ну и что Вам не нравится? )
Все работает, как надо...
Я ж Вам объяснял выше, что задание позиции фона в процентах отличается от задания в пикселах. При этом левый край фоновой картинки будет начинаться не в 39-процентной точке body, а 39-процентная точка в рисунке совпадет (отцентрируется, если хотите) с 39-процентной точкой body. Ведь это же совсем не сложно понять. Логика простая. Попробуйте задать не 39%, а 100%. В этом случае Вы увидите, что правый край картинки выровняется по правому краю body. Но никак не левый край картинки выровняется по правому краю body...
P.S. А что, body по-умолчанию совсем не "block" и совсем не 100% по ширине? ))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
по поводу ps, просто на тот момент все уже перепробовал, изза этого и мусор остался лишний
много писал, много правил этот пост, вроде обмозговал, спасибо [Only registered and activated users can see links. Click Here To Register...]
просто если делать бг фон оч большим (эдак 1900px) чтоб заливалось все что нужно на всех разрешениях нужно весь фон делать с нужной пропорцией цветов, т.е. 39% светлый, 61 темный, а потом его позиционировать, дело в том что я фоном делал монотонную темную полосу, изза этого подобрать нужную точку было нереально [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by tegArt@Oct 31 2007, 02:15
по поводу ps, просто на тот момент все уже перепробовал, изза этого и мусор остался лишний
много писал, много правил этот пост, вроде обмозговал, спасибо* [Only registered and activated users can see links. Click Here To Register...]
просто если делать бг фон оч большим (эдак 1900px) чтоб заливалось все что нужно на всех разрешениях нужно весь фон делать с нужной пропорцией цветов, т.е. 39% светлый, 61 темный, а потом его позиционировать, дело в том что я фоном делал монотонную темную полосу, изза этого подобрать нужную точку было нереально* [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
блин, всеравно бэкграунд плавающий получается, к границе цветов фиг привяжешь какойнить слой [Only registered and activated users can see links. Click Here To Register...] спать... [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by tegArt@Oct 31 2007, 05:52
блин, всеравно бэкграунд плавающий получается, к границе цветов фиг привяжешь какойнить слой* [Only registered and activated users can see links. Click Here To Register...]* спать...* [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Запросто привяжешь...
div#left {width: 39%; float: left;}
div#right {width: 61%; float: right;}
А в эти флоаты (в свою очередь) вообще можно понапихать все, что только заблагорассудится... В том числе и блоки фиксированной ширины, например...