Проблема с div

Ramone

Осваиваюсь на форуме
10
0 / 0

Проблема с div

« : 03.11.2009, 22:47:59 »

Вот начитался статей про 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`ов.

Помогите пожалуйста.
Заранее благодарю!

Записан

PaLyCH

Давно я тут
958
146 / 19
Менеджер проектов

Re: Проблема с div

« Ответ #1 : 03.11.2009, 23:03:22 »

Без макета это сложно сделать. Не понятно что надо. Если просто угадывать то в стиле

Код: css

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

Удаляем min-width:300px; и float:left;

Записан

Исполняю нескромные мечты

Ramone

Осваиваюсь на форуме
10
0 / 0

Действительно помогло! Спасибо большое!
Только тепер появились пробелы вот здесь:

<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>

В архиве файлик, чтобы не гадать

Цитата: PaLyCH от 03.11.2009, 23:03:22

Без макета это сложно сделать. Не понятно что надо. Если просто угадывать то в стиле
Код: css
#tmenufind {
min-width:300px;
height:42px;
margin-right: 42px;
float:left;
background: url(images/tmenubg.jpg) repeat-x;
}
Удаляем min-width:300px; и float:left;

[вложение удалено Администратором]

Записан

Ramone

Осваиваюсь на форуме
10
0 / 0

Re: Проблема с div

« Ответ #3 : 03.11.2009, 23:33:42 »

Всё, решил проблему)

Просто засунул бекграунд в <div id="search">

Люди, а вообще насколько целесообразно переходить полностью с тейблов на див?
Вообще концепт того, что я сделал правильный или все таки стоит использовать гдето тейблы?
Еще я слышал что можно модуль с контентом засунуть в начало страницы, для наилучшей индексации поисковиками. Возможно ли такое в моем примере?

Записан

Проблема с таблицей при просмотре с мобильника Автор annetkas	Ответов: 5 Просмотров: 3295	19.11.2021, 14:06:15 от effrit
Проблема с миниатюрами Автор Stasweb	Ответов: 4 Просмотров: 1932	03.11.2020, 17:04:00 от Nikolay89
Проблема с меню на сайте Автор nesskafe	Ответов: 9 Просмотров: 2894	01.06.2020, 11:03:58 от sivers
Проблема с меню на сайте и иконками Awesome Автор Lemonez	Ответов: 1 Просмотров: 2705	10.02.2020, 05:02:12 от Lemonez
Проблема шрифта bold Автор web3.0	Ответов: 3 Просмотров: 3949	06.04.2019, 09:50:36 от web3.0

Проблема с div - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

Ramone

Проблема с div

PaLyCH

Re: Проблема с div

Ramone

Re: Проблема с div

Ramone

Re: Проблема с div

Похожие темы