Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?

Radik_45 · April 18, 2010

Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.

stars · April 18, 2010

Название темы "Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?" элементарно width="100%"

что означает обрамляет трудно понять, наверно вы хотите чтобы от количества текста таблица сама растягивалась? если так то уберите совсем ваш width="100%"...

Radik_45 · April 18, 2010

Вот таким обрзом все выглядит:

index.php

<div id="content_container"> 
   <jdoc:include type="component" /> 
</div>

css:

#content_container {
	width: 100%;
	border: 1px solid;
}

результат:

Justnewone · April 18, 2010

Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?

Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.

?

Radik_45 · April 18, 2010

?

Чудеса! Хоть какие-то признаки жизни! Я с этим вопросом уже голову сломал.

psywalker · April 18, 2010

Чудеса! Хоть какие-то признаки жизни! Я с этим вопросом уже голову сломал.

Для начала понятнее опиши проблему, возможно если тебя поймут, то твоя голова пройдёт.

stars · April 18, 2010

Вы хоть понимаете что не верно сформулировали тему и текст темы??? Вам на это указали 2 раза уже...

Распишите нормально что вы хотите или зарисуйте для наглядности...

Radik_45 · April 18, 2010

Вы хоть понимаете что не верно сформулировали тему и текст темы??? Вам на это указали 2 раза уже...
Распишите нормально что вы хотите или зарисуйте для наглядности...

Понимаю. просто таблица была изначально, а в ее ячейке - был див с контентом . После я "чистил" код специально.

В общем проблема следующая: как видите на картинке - див растягивается по всей ширине браузера. Но контент в в этом дивене растягивается по всей ширине браузера - а "съеживается" в углу.

К примеру у таблицы, в контенте (см. рис в ней текст - "1111") стоит width=100% но она не растягивается по всей ширине окна.

Edited April 18, 2010 by Radik_45

Justnewone · April 18, 2010

Понимаю. просто таблица была изначально, а в ее ячейке - был див с контентом . После я "чистил" код специально.
В общем проблема следующая: как видите на картинке - див растягивается по всей ширине браузера. Но контент в в этом дивене растягивается по всей ширине браузера - а "съеживается" в углу.
К примеру у таблицы, в контенте (см. рис в ней текст - "1111") стоит width=100% но она не растягивается по всей ширине окна.

Самое время двух картинок - "как есть" и "как очень бы хотелось".

Radik_45 · April 18, 2010

Как есть (скриншот):

Как хотелось бы:

(т.е. текст лекго цетрируется относительно окна, табличка - как ей и подобается(width=100%) не зависимо что у нее внутри растягивается по всему окну браузера)

psywalker · April 18, 2010

А что если сделать вверху таблицу, выравнив её по середине, а внизу див?

Radik_45 · April 18, 2010

Весь, index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/test/css/template.css" type="text/css" />
</head>

<body text="#000000">

			<div id="content_container">
			<jdoc:include type="component" />  
			</div>

</body>
</html>

весь как есть CSS:

#content_container {
   width: 100%;
   height: 100%;	
	border: 1px solid;
}

результат - см картинку.

Дружище, подскажи, пожалуйста, я уже все форумы с этой ерундой облазил

Edited April 18, 2010 by Radik_45

stars · April 18, 2010

ууу батенька дык у вас джумла ))))))) дайти ссылку на сайт или выложите весь код страницы с ксс уже с инклюдами... Это смешно даже...

Edited April 18, 2010 by stars

Sign In

Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information