перекрывающий блок position:absolute

dostel1 · November 14, 2011

проблема только в самом крутом браузере :dash: в том что блок центральный перекрывает боковые блоки :facepalmxd: ?

откуда у него такой маразм?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style>
*{padding:0;margin:0}
#conteiner{width:700px;
height:300px;position:relative;
border:1px solid red;}
#left{width:100px;position:absolute;top:0;right:0;
background-color:red;}
#left2{width:300px;position:absolute;top:0;right:100px;
background-color:yellow;}
#con{position:absolute;right:400px;width:300px;
background-color:#F6C}
html,body{height:100%;}
</style>
</head>

<body>

<div id="conteiner">

<div id="left">
Все наверное сталкивались с врезками с закруглёнными уголками. Поскольку множественный бекграунд современные браузеры (кроме Safari) не поддерживают, то такие вещи приходится делать несколькими элементами, вложеными друг в друга. Есть способ уже сейчас избежать подобных вещей.
</div>
<div id="left2">
Все наверное сталкивались с врезками с закруглёнными уголками. Поскольку множественный бекграунд современные браузеры (кроме Safari) не поддерживают, то такие вещи приходится делать несколькими элементами, вложеными друг в друга. Есть способ уже сейчас избежать подобных вещей.
</div>

<div id="con">feefef</div>


</div>


</body>
</html>

Gaspode · November 14, 2011

проблема только в самом крутом браузере

А теперь то же самое, только без загадок, пожалуйста.

dostel1 · November 14, 2011

ie6

Gaspode · November 14, 2011

Проблема в длинных словах в "красной колонке". Они не влезают в заданную ширину, нормально их вставлять в таких ситуациях ИЕ6 не умеет, вот его и плющит.

dostel1 · November 14, 2011

пасиб помогло Gaspode

Sign In

перекрывающий блок position:absolute

Question

dostel1

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Gaspode

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

Gaspode

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information