Jump to content
  • 0

Не задается размер в 100% Div'у


Cardinal
 Share

Question

HTML

 <div class="tr">
<div id="gradient1"></div>
<div id="content">jlk
df
sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk
</div>
<div id="gradient2"></div>
</div>

CSS

#gradient1{
width:150px;
height:100%;
background-image:URL(i/gradient1.jpg);
background-repeat:repeat-y;
float:left;
}


#content{
width:704px;
height:100%;
background-color:#53060e;
float:left;
}


#gradient2{
width:149px;
height:100%;
background-image:URL(i/gradient2.jpg);
background-repeat:repeat-y;
float:left;
}

Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr, высота которого изменяется с впечатыванием текста в content. Собственно, это в ИЕ, а в ФФ вроде работает, но не так как хотелось, из-за высоты в 100% поле для текста становится очень большим, что не нужно, а нужно чтобы все слоя увеличивались в высоту одновременно при добавлении контента, как такое сделать? Спасибо.

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
HTML

Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr, высота которого изменяется с впечатыванием текста в content. Собственно, это в ИЕ, а в ФФ вроде работает, но не так как хотелось, из-за высоты в 100% поле для текста становится очень большим, что не нужно, а нужно чтобы все слоя увеличивались в высоту одновременно при добавлении контента, как такое сделать? Спасибо.

Самый вменяемый способ - таблицами :)

а вообще можно с доктайпом поиграться.

Link to comment
Share on other sites

  • 0

Дивы, они же слои работаю по принципу - высота формируется автоматически, в зависимости от контента. Текста мало, слой тоже небольшой по высоте, текста много, слой растягивается. Это основа работы со слоями. Заставлять слои растягиваться вопреки их натуре, это то же самое, что делать кирпичный дом из деревянного бруса - теоретически можно, но зачем?

Link to comment
Share on other sites

  • 0
Не хочу таблицами, а насчет доктайпов, поконкретней можно, какие виды их есть, че они делают и т.п?

Если не хочется таблицами, то не надо и высоты 100% для пустой страницы добиваться.

Сделать блоками и в строгом соответствии со спецификацией без JS не получится, а если использовать JS... то лучше уж таблицами, ИМХО.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy