Проблемы с div

Ramone · November 3, 2009

Вот начитался статей про div и понял что пора бы уходить с тейблов)))

Возникла небольшая проблемка, не могу растянуть div внутри другого diva.. в общем вот код..

Вот код шаблона (сайт на жумле будет):

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Trying to use CSS</title>
<link rel="stylesheet" href="style.css" type="text/css" /> 
</head>
<body>

<div id="header">HEADER</div>
<div id="tmenulimg"></div>
<div id="tmenu">Top Menu must be there</div>
<div id="search">
<div id="tmenurimg"></div>
<div id="tmenufind">Search module must be there</div>
</div>
<div id="breadcrumbs">Breadcrumbs</div>
<div id="leftmodule">There must be Left Menu and maybe something else</div>
<div id="content">
<div id="rightmodule">Quizes and other farts</div>
<div id="contentw">News, articles, video, etc.</div>

</div>
</body>
</html>

CSS:

html, body {
margin:0;
padding:0;
border-left: 6px #558694;
border-style: solid;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;

background: url(images/bg.jpg) repeat-x;
background-color: aaaaaa;
}

#header {
height:150px;
width: 100%;
}

#tmenulimg {
width:46px;
height:42px;
float:left;
background-image: url(images/tmenulimg.jpg);
}

#tmenu {
width:440px;
height:42px;
float:left;
background:#cee7e7;
} 

#search {
min-width:300px;
}

#tmenurimg {
width:46px;
height:42px;
float:right;
background-image: url(images/tmenurimg.jpg);
}

#tmenufind {
min-width:300px;
height:42px;
margin-right: 42px;
float:left;
background: url(images/tmenubg.jpg) repeat-x;
}



#breadcrumbs {
margin-left: 200px;
clear:both;
}

#leftmodule {
width:190px;
margin-top:20px;
float:left;
background:#FFC597
}

/* Content and Right module part */
#content {
min-width:550px;
margin-left: 190px;
}

#rightmodule {
float:right;
width:190px;
margin-top:20px;
background:#FFC597
}

#contentw {
margin-right: 190px;
}
/* End of Content and Right module part */

Проблема возникает с частью tmenufind и contentw. Мне нужно чтобы они растягивались на 100% внутри остальных div`ов.

Помогите пожалуйста.

Заранее благодарю!

psywalker · November 4, 2009

У тебя куча ненужного кода, видно, ты не спец, поэтому выложи скрин того, что хочешь получить, наверняка можно решить задачу намного легче

Игорь Ермаков · November 4, 2009

<div class="parant">
<div class="children"></div>
</div>

.parant{background:#666;width:500px;height:300px}
.children{backgound:#333;height:100px}

В данном случае блок children сам растянется на ширину родителя, т.е на 500px.

Sign In

Проблемы с div

Question

Ramone

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Игорь Ермаков

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information