[attachment=7089:attachment]
вот такой набросок, фон страницы резинится примерно 40%/60%
линия смены цветов фона должна совпадать с линией разделения левого и правого блока, их ширина постоянная, внимание вопрос к сенсеям
как провернуть все это чтобы высота левого блока зависела от высоты правого?
Чет ниче толком не понял, если честно...
Если необходим резиновый фон, делаем какую-нибудь дли-инную такую картику... шириной эдак 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'>[Только зарегистрированные пользователи могут видеть ссылки. ]
да нет, загвоздка именно в колоночках )
кстати, почему при background-position задаваемых в пикселях все работает, а в % работать не хочет?
пасиба
[/quote]
ширина у боди указанна 100%
позиционирование 39% 0px
и нифига ) мало того по странному себя ведет, при мелких разрешениях сползает много левее чем требуется, при больших центруется
Код и графические прикрепления в студию.
[/quote]
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'>[Только зарегистрированные пользователи могут видеть ссылки. ]
по поводу ps, просто на тот момент все уже перепробовал, изза этого и мусор остался лишний
много писал, много правил этот пост, вроде обмозговал, спасибо
просто если делать бг фон оч большим (эдак 1900px) чтоб заливалось все что нужно на всех разрешениях нужно весь фон делать с нужной пропорцией цветов, т.е. 39% светлый, 61 темный, а потом его позиционировать, дело в том что я фоном делал монотонную темную полосу, изза этого подобрать нужную точку было нереально
[/quote]Originally posted by tegArt@Oct 31 2007, 02:15
по поводу ps, просто на тот момент все уже перепробовал, изза этого и мусор остался лишний
много писал, много правил этот пост, вроде обмозговал, спасибо*
просто если делать бг фон оч большим (эдак 1900px) чтоб заливалось все что нужно на всех разрешениях нужно весь фон делать с нужной пропорцией цветов, т.е. 39% светлый, 61 темный, а потом его позиционировать, дело в том что я фоном делал монотонную темную полосу, изза этого подобрать нужную точку было нереально*
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
блин, всеравно бэкграунд плавающий получается, к границе цветов фиг привяжешь какойнить слойспать...
[/quote]
Запросто привяжешь...
div#left {width: 39%; float: left;}
div#right {width: 61%; float: right;}
А в эти флоаты (в свою очередь) вообще можно понапихать все, что только заблагорассудится... В том числе и блоки фиксированной ширины, например...
Ваши права
