Помощник
|
Послушный div |
Гость_0_*
Гость_0_* |
Сообщение
#1
|
||
|
|
||
|
|||
ZiTosS |
16.4.2009, 9:21;
Ответить: ZiTosS
Сообщение
#2
|
|
Ярополк, Не очень понятно, что вы подобным образом хотели сделать. Запихнул ваш код в браузер и посмотрел на картинку. div1 ввехру-слева, размером 300x100. div2 - выше div1 в правом углу.
Скажите точнее что вы хотите получить, для чего вам это нужно, возможно здесь и без абсолютного позиционирования можно. И вообще при фиксированной верстке как у вас, блок плавать ну никак не может. Вы хоть своё творение в браузере смотрели? |
|
|
Гость_0_*
Гость_0_* |
Сообщение
#3
|
|
чёт я .. эм..тупанул...
извините, вот код вместо ранее написаного... <html>
<body style="min-width:650px"> <div style="width:300px;height:200px;position:absolute;left:0px;top:0px;min-width:300px;background-color:#0000FF;">div1</div> <div style="width:300px;height:200px;position:absolute;right:0px;top:0px;min-width:300px;background-color:#FF0000;">div2</div> </body> </html> |
|
|
ZiTosS |
16.4.2009, 20:57;
Ответить: ZiTosS
Сообщение
#4
|
|
Ваш код можно переписать так без абсолютного позиционирования:
<html> <body> <div style="width: 300px; height:200px; float: left; background-color:#0000FF;">Синий</div> <div style="width: 300px; height:200px; float: right; background-color:#FF0000;">Красный</div> </body> </html> И один пункт против min-width: Это то что он не поддерживается IE6 min-width |
|
|
Гость_0_*
Гость_0_* |
Сообщение
#5
|
|
<html> <body style="min-width:700px;> <div "> <div style="width: 300px; height:200px; float: left; background-color:#0000FF; " >Синий</div> <div style="width: 300px; height:200px; float: right; background-color:#FF0000;">Красный</div> </div> </body> </html> теперь мой код имеет этот вид. спасибо, это то что мне нужно. но как быть с этим... И один пункт против min-width: Это то что он не поддерживается IE6 ...что же делать чтобы решить мою проблему для IE6, может вы подскажете ? |
|
|
ZiTosS |
18.4.2009, 19:15;
Ответить: ZiTosS
Сообщение
#6
|
|
|
Пишите хаки специально для IE
Вот могу привести один как раз для вашего случая, это CSS body { min-width: 700px; width:expression(document.body.clientWidth < 700? "700px": "auto" ); }
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1545 | 14.1.2023, 1:16 автор: xweb |
|
DIV'ы в строку | 0 | RedEclipse | 5463 | 29.9.2016, 17:53 автор: -RedEclipse- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6928 | 17.4.2016, 17:45 автор: -serj123- |
|
Как заставить отображать несколько элементов DIV в одну строку? | 2 | Aalena | 4007 | 10.1.2016, 10:18 автор: -Aalena- |
|
Фоны в в div'ах расходятся при сужении экрана | 1 | Balalaaika1 | 5623 | 2.6.2015, 19:35 автор: -Degradator- |
Текстовая версия | Сейчас: 29.3.2024, 15:14 |