Несколько вопросов

Kim · March 6, 2008

Вопрос в том что бы такое сделать чтобы контейнер в котором есть картинка растягивался по высоте учитывая высоту картинки, у меня сейчас получается что контейнер растягивается учитывая только текст.

Вот само дело:

http://kim-evgene.ucoz.ru/MilanoModa/index.html

Можно конечно указать высоту, но это уже не то, и при этом в IE6 происходит сдвиг

креднего контейнера относительно header'a и foorer'a на пару пикселей вправо

Scrum · March 6, 2008

#content {float: left; width: 100%;}

Kim · March 6, 2008

нет, не работает,

если добавить в #main {float: left;} и убрать в #main margin-left, то в IE6 работает,

а в остальных браузерах main уезжает под sidebar,

мне интересно почему main так себя ведет, он же должен растягиваться учитывая высоту картинки,

p.s. Указывать высоту картинки в css тоже пробовал, не помогает

Scrum · March 6, 2008

дома посмотрю, но принцип такой

<!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="en" lang="en">

<head>
 <title></title>
 <style type="text/css">
 /*<![CDATA[*/
 #test1 {
 border: 1px solid red;
 }
 #test1 img {
 float: left;
 }
 #test2 {
 border: 1px solid red;
 float: left;
 width: 100%;
 }
 #test2 img {
 float: left;
 }



 /*]]>*/
 </style>
</head>

<body>
<div id="test1">
 <img src="http://kim-evgene.ucoz.ru/MilanoModa/images/pollini.jpg" alt="Pollini" />
</div>
<div style="clear: both;"></div>
<div id="test2">
 <img src="http://kim-evgene.ucoz.ru/MilanoModa/images/pollini.jpg" alt="Pollini" />
</div>
</body>

</html>

Kim · March 6, 2008

Вот теперь кое что поправил и получилось,

заключил main ещ? в один div и для него прописал:

#box {

height: 100%;

overflow: hidden;

}

если это добавить к main то начинает разваливаться,

только вот лишний div получился, но может оно так и нужно...

вот, теперь нормально:

http://kim-evgene.ucoz.ru/MilanoModa/index.html

И вот что ещ? хотел спросить,

как выравнить текст вниз, в блоке, где картинка "Pollini",

чтобы стало как здесь: http://kim-evgene.ucoz.ru/Milano-Moda.jpg,

если сделать просто отступ от текста сверху, то при изменении размеров текста, при увеличении его высоты, текст будет вылазить куда ему не надо,

таблицами вроде знаю как сделать, только им наверное здесь не место,

должен же другой способ быть

homm · March 6, 2008

У меня правильно отображается. Илли ты уже поправил?

Kim · March 6, 2008

поправил,

но теперь есть второй вопрос, предыдущий пост

Kim · March 11, 2008

вопрос вс? ещ? актуален

homm · March 11, 2008

вопрос вс? ещ? актуален

Такими же способами как прибивается футер к низу страницы.

http://forum.htmlbook.ru/index.php?showtopic=7894

Sign In

Несколько вопросов

Question

Kim

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Kim

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Kim

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Kim

Link to comment

Share on other sites

Kim

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information