<div class="Left"></div>
<div class="Middle"></div>
<div class="Right"></div>
в css хочу ограничить их ширину. Сделал так:
.left {
width: 120px;
}
.middle {
width: 100% - 250
}
.right {
width: 130px;
}
но не получается. как с помощью php можно узнать ширину браузера?
Спустя 3 минуты, 30 секунд (14.08.2008 - 11:13) md5 написал(а):
в javascript можно
Спустя 4 минуты, 4 секунды (14.08.2008 - 11:17) ILOR написал(а):
А не подскажешь как в ява скрипте написать? ширина картинок у меня в переменных php $size_pic1[0] и $size_pic2[0].
Спустя 7 минут, 58 секунд (14.08.2008 - 11:25) md5 написал(а):
а не надо от ширины зависеть
резину делать надо
резину делать надо
Спустя 8 часов, 26 минут, 12 секунд (14.08.2008 - 19:51) ILOR написал(а):
Я и пытаюсь ее сделать
Спустя 4 минуты, 7 секунд (14.08.2008 - 19:55) Viking написал(а):
Цитата(ILOR @ 14.8.2008, 20:51) [snapback]46190[/snapback]
Я и пытаюсь ее сделать
ну тогда все просто, ширина браузера - 100% везде и всегда =)
Спустя 7 минут, 29 секунд (14.08.2008 - 20:03) ILOR написал(а):
В трех полях у меня фоновые рисунки. Мне нужно 2 поле растянуть во всю ширину браузера, но чтобы крайние поля отображались.
Спустя 11 минут, 59 секунд (14.08.2008 - 20:15) Viking написал(а):
в яваскрипт document.body.offsetWidth
только как ее применить к элементу... видимо придется через DOM
только как ее применить к элементу... видимо придется через DOM
Спустя 8 минут, 49 секунд (14.08.2008 - 20:23) ILOR написал(а):
А в цсс можно вставлять js?
Спустя 13 минут, 2 секунды (14.08.2008 - 20:36) Viking написал(а):
Цитата(ILOR @ 14.8.2008, 21:23) [snapback]46194[/snapback]
А в цсс можно вставлять js?
да нет вроде, да и не за чем, сделай ему нужную ширину прямо из скрипта, в опере если ему имя задать:
document.all("middle").style.width=document.body.offsetWidth-250;
в ие как-то подругому...
Спустя 8 минут, 38 секунд (14.08.2008 - 20:45) ILOR написал(а):
Вставил скрипт, но не получается 
<script type="text/JavaScript"language="JavaScript">
document.all("Middle").style.width=document.body.offsetWidth-250;
</script>
<script type="text/JavaScript"language="JavaScript">
document.all("Middle").style.width=document.body.offsetWidth-250;
</script>
Спустя 3 минуты, 4 секунды (14.08.2008 - 20:48) Viking написал(а):
хотя конечно для таких целей скрипты подключать как-то не очень удобно...
можно ведь наверное растянуть его во всю ширину, а крайние настроить, чтобы они отображались поверх
можно ведь наверное растянуть его во всю ширину, а крайние настроить, чтобы они отображались поверх
Спустя 36 секунд (14.08.2008 - 20:49) Viking написал(а):
Цитата(ILOR @ 14.8.2008, 21:45) [snapback]46196[/snapback]
Вставил скрипт, но не получается
<script type="text/JavaScript"language="JavaScript">
document.all("Middle").style.width=document.body.offsetWidth-250;
</script>
<script type="text/JavaScript"language="JavaScript">
document.all("Middle").style.width=document.body.offsetWidth-250;
</script>
в опере?
Спустя 4 минуты, 7 секунд (14.08.2008 - 20:53) ILOR написал(а):
В ие, опере и лисе на пашет
Спустя 1 минута, 34 секунды (14.08.2008 - 20:54) ILOR написал(а):
Цитата(Viking @ 14.8.2008, 17:48) [snapback]46197[/snapback]
хотя конечно для таких целей скрипты подключать как-то не очень удобно...
можно ведь наверное растянуть его во всю ширину, а крайние настроить, чтобы они отображались поверх
можно ведь наверное растянуть его во всю ширину, а крайние настроить, чтобы они отображались поверх
А не подскажешь как?
Спустя 5 минут, 54 секунды (14.08.2008 - 21:00) Viking написал(а):
в опере пашет, пробел перед language не поставил, и имя элементу задать надо
Спустя 55 секунд (14.08.2008 - 21:01) Viking написал(а):
Цитата(ILOR @ 14.8.2008, 21:54) [snapback]46200[/snapback]
Цитата(Viking @ 14.8.2008, 17:48) [snapback]46197[/snapback]
хотя конечно для таких целей скрипты подключать как-то не очень удобно...
можно ведь наверное растянуть его во всю ширину, а крайние настроить, чтобы они отображались поверх
можно ведь наверное растянуть его во всю ширину, а крайние настроить, чтобы они отображались поверх
А не подскажешь как?
z-index задает порядок наложения
а как сделать чтобы третий див справа отображался не помню
Спустя 2 минуты, 9 секунд (14.08.2008 - 21:03) Viking написал(а):
вспомнил
Код
<div class="left">1</div>
<div class="middle">1</div>
<div class="right">1</div>
<style>
.left {
width: 120px;z-index:2;position:absolute;background:red;
}
.middle {
width: 100%;z-index:1;position:absolute;background:green;
}
.right {
width: 130px;z-index:3;position:absolute;right:0;background:blue;
}
</style>
<div class="middle">1</div>
<div class="right">1</div>
<style>
.left {
width: 120px;z-index:2;position:absolute;background:red;
}
.middle {
width: 100%;z-index:1;position:absolute;background:green;
}
.right {
width: 130px;z-index:3;position:absolute;right:0;background:blue;
}
</style>
Спустя 1 минута, 30 секунд (14.08.2008 - 21:05) Viking написал(а):
Цитата(Viking @ 14.8.2008, 22:03) [snapback]46203[/snapback]
вспомнил
Код
<div class="left">1</div>
<div class="middle">1</div>
<div class="right">1</div>
<style>
.left {
width: 120px;z-index:2;position:absolute;background:red;
}
.middle {
width: 100%;z-index:1;position:absolute;background:green;
}
.right {
width: 130px;z-index:3;position:absolute;right:0;background:blue;
}
</style>
<div class="middle">1</div>
<div class="right">1</div>
<style>
.left {
width: 120px;z-index:2;position:absolute;background:red;
}
.middle {
width: 100%;z-index:1;position:absolute;background:green;
}
.right {
width: 130px;z-index:3;position:absolute;right:0;background:blue;
}
</style>
так кстати лучше чем через скрипт еще и потому, что если пациент будет ширину окна менять здесь все автоматически обновляется
чето я нафлудил...
Спустя 8 минут, 55 секунд (14.08.2008 - 21:14) ILOR написал(а):
Мдам, теперь вся эта линия из 3 клеток накладывается на содержание страницы((
Спустя 6 минут, 34 секунды (14.08.2008 - 21:20) Viking написал(а):
можно дальше покопать
работает в опере и лисе, в ие -нет
Код
<style>
.left {
width: 120px;position:absolute;background:red;
}
.middle {
position:absolute;right:130;left:120;background:green;
}
.right {
width: 130px;position:absolute;right:0;background:blue;
}
</style>
.left {
width: 120px;position:absolute;background:red;
}
.middle {
position:absolute;right:130;left:120;background:green;
}
.right {
width: 130px;position:absolute;right:0;background:blue;
}
</style>
работает в опере и лисе, в ие -нет
Спустя 3 минуты, 45 секунд (14.08.2008 - 21:24) Viking написал(а):
Цитата(ILOR @ 14.8.2008, 22:14) [snapback]46205[/snapback]
Мдам, теперь вся эта линия из 3 клеток накладывается на содержание страницы((
индекс ненужен, надо просто поменять их местами
Код
<div class="middle">1</div>
<div class="right">1</div>
<div class="left">1</div>
<style>
.left {
width: 120px;position:absolute;background:red;
}
.middle {
width:100%;position:absolute;background:green;
}
.right {
width: 130px;position:absolute;right:0;background:blue;
}
</style>
<div class="right">1</div>
<div class="left">1</div>
<style>
.left {
width: 120px;position:absolute;background:red;
}
.middle {
width:100%;position:absolute;background:green;
}
.right {
width: 130px;position:absolute;right:0;background:blue;
}
</style>
Спустя 26 минут, 42 секунды (14.08.2008 - 21:51) ILOR написал(а):
Цитата(Viking @ 14.8.2008, 18:24) [snapback]46207[/snapback]
Цитата(ILOR @ 14.8.2008, 22:14) [snapback]46205[/snapback]
Мдам, теперь вся эта линия из 3 клеток накладывается на содержание страницы((
индекс ненужен, надо просто поменять их местами
Кого поменять местами? Если опустить этот блок ниже, то он налезает на следующую часть.
Спустя 2 минуты, 45 секунд (14.08.2008 - 21:54) Viking написал(а):
Цитата(ILOR @ 14.8.2008, 22:51) [snapback]46208[/snapback]
Цитата(Viking @ 14.8.2008, 18:24) [snapback]46207[/snapback]
Цитата(ILOR @ 14.8.2008, 22:14) [snapback]46205[/snapback]
Мдам, теперь вся эта линия из 3 клеток накладывается на содержание страницы((
индекс ненужен, надо просто поменять их местами
Кого поменять местами? Если опустить этот блок ниже, то он налезает на следующую часть.
ну хз, не знаю на кого он у тебя там налезает, у меня все правильно отображается
дальше сам короче =)
Спустя 4 минуты, 28 секунд (14.08.2008 - 21:58) ILOR написал(а):
Спасибо тебе за помощь!
Спустя 16 минут, 11 секунд (14.08.2008 - 22:14) ILOR написал(а):
Вставил табличку после блока, и проблема решилась
Теперь блок налезает на пустую таблицу
Код
<table><tr><td width="100%" height="110"></td></tr></table>
Теперь блок налезает на пустую таблицу
Спустя 15 минут (14.08.2008 - 22:29) Viking написал(а):
Цитата(ILOR @ 14.8.2008, 23:14) [snapback]46212[/snapback]
Вставил табличку после блока, и проблема решилась
Теперь блок налезает на пустую таблицу
Код
<table><tr><td width="100%" height="110"></td></tr></table>
Теперь блок налезает на пустую таблицу
а, ну дык надо было просто у последнего элемента позишн изменить: position:relative;
_____________