Вид для печати
Есть следующея структура:
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, чтобы в Опере средняя колонка не растягивалась на весь экран?
Спасибо!
[Only registered and activated users can see links. Click Here To Register...]
Кто ещё раз скажет, что IE всё показывает код как надо, поотрываю все выступающие на 3см. части тела.
Ие лажается всегда. И не спорьте со мной. У меня на отладку глюков у Осла уходит от 20 до 40% времени потраченного на вёрстку.
Вы выбили 2 колонки из общего потока, а средний див растягивается на 100%, на то он и див. Чему удивляться? Хотите отступов у средней колонки - пропишите отступы.
[/quote]Цитата:
Originally posted by Riff@Jul 20 2005, 22:34
1 - float:left
3 - float: right
2 - margin: 0 нужное 0 нужное (или auto при езвестной ширине) + z индекс
4 - margin-top: -21px ( как пример )
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
При использовании параметра 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
[Only registered and activated users can see links. Click Here To Register...]
Кто ещё раз скажет, что IE всё показывает код как надо, поотрываю все выступающие на 3см. части тела.
Ие лажается всегда. И не спорьте со мной. У меня на отладку глюков у Осла уходит от 20 до 40% времени потраченного на вёрстку.
Вы выбили 2 колонки из общего потока, а средний див растягивается на 100%, на то он и див. Чему удивляться? Хотите отступов у средней колонки - пропишите отступы.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
какой Вы злобный человек. За совет спасибо, я понял в чем моя ошибка, а насчет "Кто ещё раз скажет" - это не Вам решать что кому говорить, а что - нет. Может быть на этом форуме и да, а в другом месте за такие слова и по ебальничку можно получить, уж извините.
PS ie мне тоже не нравится, но такое предвзятое отношение совершенно не дает Вам право другим указывать что и как делать и говорить.
Спасибо!
Да, я злобный. И как раз мне решать, что кому говорить, а что нет. Я незнаю, почему вы приняли общее обращени лично на свой счёт, но за мат вы получаете предупреждение. Отношение у меня не предвзятое, спросите у любого професиионального верстальщика, как он относиться к продуктам Майкрософта.
Пожалуйста [Only registered and activated users can see links. Click Here To Register...]
хм..... а релатив слабо ввести???Цитата:
При использовании параметра float без position параметор z-index не работает, так-как он только для позиционированого блока. Простой пример кода
[/quote]Цитата:
Originally posted by agat@Jul 22 2005, 19:28
Да, я злобный. И как раз мне решать, что кому говорить, а что нет. Я незнаю, почему вы приняли общее обращени лично на свой счёт, но за мат вы получаете предупреждение. Отношение у меня не предвзятое, спросите у любого професиионального верстальщика, как он относиться к продуктам Майкрософта.
Пожалуйста [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...]
да, я согласен, что здесь Вы решаете что и кому говорить, но только в плане цензуры, как я понимаю. В плане же личного мнения Вы не имеете права, на мой взгляд, запрещать гворить, например, "что IE всё показывает код как надо", а тем более "угрожать" за это
Я не в коей мере не принимаю всё сказанное Вами лично к себе, как и Вас прошу не принимать сказанное мной (про мат имея ввиду) лично к Вам. И в категорию защитников продуктов Майкрософта меня тоже не стоит приписывать, но личное мнение каждого под страхом наказания подавлять не нужно [Only registered and activated users can see links. Click Here To Register...]
Возможно, это моя проблема слишком резкого восприятия написанного, но, к сожалению, в Интернете кроме смайликов не существует иных способов выражения эмоций, поэтому достаточно было добавить смайлик к строке, написанной красным, тогда всё воспринималось бы по-другому [Only registered and activated users can see links. Click Here To Register...]
PS: Я зашел на ваш форум, чтобы получить помощь в конкретном вопросе, я ее получил, еще раз спасибо Вам лично за это.
За сим приношу свои извинения, если что не так. До встречи!
[/quote]Цитата:
Originally posted by Riff@Jul 22 2005, 21:43
хм..... а релатив слабо ввести???
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
ПовторяЮЮЮЮ атрибута position не должно быть вовсе, не с значением absolute, не с значением relative, не с значением static, fixed и так далее.....
хм.... эт что конкурс какой, или что, почему же такая жёсткость??
и ещё уточни - твой средний блок наплывает на инфу или просто наплывает на блок? если так то просто сэмулируй наплытие
Таковы требования ....
Выступающая с низу часть block2 находится поверх block4 перекывая его, причем независимо в каком браузере смотриш.
P.S. Что значит сэмулируй наплытие