Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1915 Просмотров
*

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

  • Давно я тут
  • 956
  • 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
Re: Проблема с div
« Ответ #2 : 03.11.2009, 23:21:17 »
Действительно помогло! Спасибо большое!
Только тепер появились пробелы вот здесь:

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

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

Без макета это сложно сделать. Не понятно что надо. Если просто угадывать то в стиле
Код: 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 »
Всё, решил проблему)  :D
Просто засунул бекграунд в <div id="search">

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

Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 2261
Последний ответ 19.11.2021, 14:06:15
от effrit
Проблема с миниатюрами

Автор Stasweb

Ответов: 4
Просмотров: 1126
Последний ответ 03.11.2020, 17:04:00
от Nikolay89
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1382
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 1721
Последний ответ 10.02.2020, 05:02:12
от Lemonez
Проблема шрифта bold

Автор web3.0

Ответов: 3
Просмотров: 3077
Последний ответ 06.04.2019, 09:50:36
от web3.0