Добрый день, уважаемые!
В общем столкнулся с такой проблемой, решение которой найти не смог без стороннего вмешательства PHP и Java, а хочется решить данную проблему чистым CSS (если это возможно)! хотя вы мне сами скажите как лучьше это реализовать!
Заранее спасибо.
Задача:
Растягивание div контента при выключенном модуле.
Вод вырезанный фрагмент кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
</head>
<style>
#center_content{
margin:0px;
padding:0px;
margin-top:-61px;
width:688px;
float:left;
min-height:400px;
background-color:#069;
position:relative;
border-right:1px solid #d0d0d0;
}
#left_block{
margin:0px;
padding:0px;
padding-top:10px;
border-top:1px solid #d0d0d0;
background:#33FF66;
}
#content{
margin:0px;
padding:0px;
float:left;
padding-right:10px;
padding-left:15px;
width:450px;
background:#FF0099;
}
/*Модуль*/
#user2{
margin:0px;
padding:0px;
float:right;
background:#933;
width:200px; /*Ширина модуля будет задаваться непосредственно через CSS суффикс класс модуля (хотя может это и не важно)*/
}
</style>
<div id="center_content">
<div id="left_block">
<div id="content">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>
<div id="user2">
module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module module
</div>
</div>
</div>
<body>
</body>
</html>
26.05.2023, 11:06:00