Css div

Xrymz · October 22, 2008

Недавно начал изучать css так что много еще не знаю... долги и усердно искал в интернете как это сделать но так и не нашёл...

надо:

то есть длинна может быть фиксированая, а вот высота меняется от содержимого и если растянуть браузер чтобы стало не 3 столбика, а 4... и т.д.

cмог только построить их в ряд

<html>
  <head>
	  <title>Blank</title>
<style type="text/css">
.left {
float:left; 
width:100px;
}
</style>

  <head>
  <body>
  <div style="width:800px">
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<!--<div class="left" style="height:50px">111</div>-->
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
<div class="left">111</div>
</div>
 </body>
</html>

а если  убрать  то получаеться совсем не красиво...

получилось более или менее в 2 строки с использованием float left и right

еще пробывал display inline если не ошибаюсь... но тоже ничего не получлость

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

Edited October 23, 2008 by Xrymz

3ABAPKA · October 23, 2008

А что хочется сделать то?

Xrymz · October 23, 2008

Сорри картинка не грузилась с хоста... поправил

Silverwind · October 23, 2008

Вот здесь есть довольно подробный туториал по созданию трехколоночного блочного сайта.

http://www.webreference.com/authoring/styl...nced/index.html

В принципе, Вам нужен только раздел 3 Column Layout: Step by Step.

Вот здесь показано как будет выглядеть такая страница. Что хорошо, сразу виден код автора.

http://www.webreference.com/authoring/styl...ed/step_04.html

Victor Ananiev · October 23, 2008

ничего предложыть не могу, но он себя как то криво ведет с маленьким экраном, конт средней колонки налазит на правую)

Sign In

Css div

Question

Xrymz

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

3ABAPKA

Link to comment

Share on other sites

Xrymz

Link to comment

Share on other sites

Silverwind

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information