Есть следующея структура:
Block2 и Block4 перекрывают друг друга. Block4 картинка и находится поверх Block2. Код написан на CSS без позиционирования, z-index работать не хочет. Нужно чтобы работало и под IE и под Mozilla. Если надо могу выложить простой шаблон HTML CSS данной ситуации.Код:---------------------------- * | block1 | block2 | block3 | ---------| * * * *|--------| * | * * * *--------- * * * * | | * * * * * block4 * * * * | * ----------------------------
1 - float:left
3 - float: right
2 - margin: 0 нужное 0 нужное (или auto при езвестной ширине) + z индекс
4 - margin-top: -21px ( как пример )
Помогите сверстать страницу следующей структуры при помощи css:Код:<style> .tab_left{ float:left; height:500px; width:200px; border:1px solid #cccccc; } .tab_right{ float:right; height:500px; width:200px; border:1px solid #cccccc; } .tab_center{ height:400px; background-color:#cceeee; border:1px solid #cccccc; } </style> <div class=tab_center> таблица посередине </div>
Страница разбита на три колонки: слева и спарва колонки фиксированной ширины, средняя колонка растягивается между ними.
Так вот, если вы загрузите код в эксплорере, то все отображается как надо, но в Опере средняя колонка растягивается на всю ширину экрана, перекрываясь левой и правой таблицей.
Можно ли как-нибудь по-другому сверстать такую структуру при помощи css, чтобы в Опере средняя колонка не растягивалась на весь экран?
Спасибо!
[Только зарегистрированные пользователи могут видеть ссылки. ]
Кто ещё раз скажет, что IE всё показывает код как надо, поотрываю все выступающие на 3см. части тела.
Ие лажается всегда. И не спорьте со мной. У меня на отладку глюков у Осла уходит от 20 до 40% времени потраченного на вёрстку.
Вы выбили 2 колонки из общего потока, а средний див растягивается на 100%, на то он и див. Чему удивляться? Хотите отступов у средней колонки - пропишите отступы.
[/quote]
При использовании параметра float без position параметор z-index не работает, так-как он только для позиционированого блока. Простой пример кода :
Код:<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style> body {margin-top:0px;} html>body {margin-top:148px;} #a1 {float:left;width:100px;height:100px;border:1px solid red;background:#ff0ff0;} #a2 {float:left;width:100px;height:250px;border:1px solid red;background:#0000ff;} #a3 {float:left;width:100px;height:100px;border:1px solid red;background:#00ffff;} #a4 {clear:both;width:369px;height:113px;border:1px solid red;margin-top:-148px; background:#f0f0f0;} </style> <body> <div id="a1">11</div> <div id="a2">22</div> <div id="a3">33</div> <div id="a4"></div> </body> </html>
[/quote]Originally posted by agat@Jul 21 2005, 19:58
[Только зарегистрированные пользователи могут видеть ссылки. ]
Кто ещё раз скажет, что IE всё показывает код как надо, поотрываю все выступающие на 3см. части тела.
Ие лажается всегда. И не спорьте со мной. У меня на отладку глюков у Осла уходит от 20 до 40% времени потраченного на вёрстку.
Вы выбили 2 колонки из общего потока, а средний див растягивается на 100%, на то он и див. Чему удивляться? Хотите отступов у средней колонки - пропишите отступы.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
какой Вы злобный человек. За совет спасибо, я понял в чем моя ошибка, а насчет "Кто ещё раз скажет" - это не Вам решать что кому говорить, а что - нет. Может быть на этом форуме и да, а в другом месте за такие слова и по ебальничку можно получить, уж извините.
PS ie мне тоже не нравится, но такое предвзятое отношение совершенно не дает Вам право другим указывать что и как делать и говорить.
Спасибо!
Да, я злобный. И как раз мне решать, что кому говорить, а что нет. Я незнаю, почему вы приняли общее обращени лично на свой счёт, но за мат вы получаете предупреждение. Отношение у меня не предвзятое, спросите у любого професиионального верстальщика, как он относиться к продуктам Майкрософта.
Пожалуйста
хм..... а релатив слабо ввести???При использовании параметра float без position параметор z-index не работает, так-как он только для позиционированого блока. Простой пример кода
[/quote]Originally posted by agat@Jul 22 2005, 19:28
Да, я злобный. И как раз мне решать, что кому говорить, а что нет. Я незнаю, почему вы приняли общее обращени лично на свой счёт, но за мат вы получаете предупреждение. Отношение у меня не предвзятое, спросите у любого професиионального верстальщика, как он относиться к продуктам Майкрософта.
Пожалуйста
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
да, я согласен, что здесь Вы решаете что и кому говорить, но только в плане цензуры, как я понимаю. В плане же личного мнения Вы не имеете права, на мой взгляд, запрещать гворить, например, "что IE всё показывает код как надо", а тем более "угрожать" за это
Я не в коей мере не принимаю всё сказанное Вами лично к себе, как и Вас прошу не принимать сказанное мной (про мат имея ввиду) лично к Вам. И в категорию защитников продуктов Майкрософта меня тоже не стоит приписывать, но личное мнение каждого под страхом наказания подавлять не нужно
Возможно, это моя проблема слишком резкого восприятия написанного, но, к сожалению, в Интернете кроме смайликов не существует иных способов выражения эмоций, поэтому достаточно было добавить смайлик к строке, написанной красным, тогда всё воспринималось бы по-другому
PS: Я зашел на ваш форум, чтобы получить помощь в конкретном вопросе, я ее получил, еще раз спасибо Вам лично за это.
За сим приношу свои извинения, если что не так. До встречи!
[/quote]
ПовторяЮЮЮЮ атрибута position не должно быть вовсе, не с значением absolute, не с значением relative, не с значением static, fixed и так далее.....
хм.... эт что конкурс какой, или что, почему же такая жёсткость??
и ещё уточни - твой средний блок наплывает на инфу или просто наплывает на блок? если так то просто сэмулируй наплытие
Таковы требования ....
Выступающая с низу часть block2 находится поверх block4 перекывая его, причем независимо в каком браузере смотриш.
P.S. Что значит сэмулируй наплытие
Ваши права
