Помогите с версткой

inflaterse · June 27, 2010

Здраствуйте. Нуждаюсь в Вашей помощи. Нужно сделать что-то похоже на это:

Пишу следующее:

body {
	background-color: #e7e7e7;
}

.box1 {
	width: 600px;
	height: 500px;
	margin: 0px auto;
	background-color:  #000;
	padding-top: 10px;
}

.box2 {
	width: 580px;
	height: 490px;
	background-color: #fff;
	margin: 0 auto;	
}

html:

...
<div class="box1">
   <div class="box2">
   </div>
</div>
...

В Firefox вроде этот код работает, но в ИЕ почемуто отказуется. И еще можно ли задать div-у box2 резиновый размер?

Edited June 27, 2010 by inflaterse

psywalker · June 27, 2010

<div class="box1" style="padding: 10px; height: 500px; width: 500px; background: #000;">
   <div class="box2" style="background: #fff; height: 100%;">
   </div>
</div>

И еще можно ли задать div-у box2 резиновый размер?

Можно вообще ширину ему не задавать, так как он растянется автоматом на ширину родителя. Элемент блочный.

inflaterse · June 27, 2010

psywalker, спасибо за помощь! Все работает.

s0rr0w · June 28, 2010

Я прошу прощения, а зачем для данного рисунка ДВА дива?

Dezmont · July 1, 2010

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

<html>
<head>
<style type="text/css">
#category { width: 200px; float:left; background-color: red; }
#pictures { height:1000px; margin-left:200px; background-color: green;} 
</style>
<title>...</title>
</head>
<body>

<div id=category>
 </div>

<div id=pictures> 
</div>

</body>
</html>

Вот есть такой код. Как сделать так, чтобы высота слоя #category была такой же как и слоя #pictures? Такие пикселы я поставил просто для примера. То есть мне надо чтобы по мере наполнения контентом высота обоих блоков оставалась одинаковой. Предположим в правом блоке у меня "Война и Мир" ), а в левом одно слово: Книга. И мне нужно, чтобы они заканчивались на 1 уровне. Т.е. чтобы весь левый был почти пустой... Ну надеюсь понятно объяснил.

Great Rash · July 1, 2010

сто раз обсуждали

ну вот к примеру один неплохой способ

Sign In

Помогите с версткой

Question

inflaterse

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

inflaterse

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Dezmont

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information