Форум Сайтостроение Веб-строительство

Помогите с дивами и css

markoff
На сайте с 13.01.2006
Offline
116
markoff
897

Запутался в шаблоне

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

Moonlight and vodka, takes me away... IceLab.ru -онлайн аудит сайта бесплатно (http://icelab.ru)
ТТ
На сайте с 06.02.2008
Offline
131
Толян Толяныч
#1

Вот хороший сайт http://www.htmlbook.ru/ про HTML и CSS там есть разные примеры верстки шаблонов

markoff
На сайте с 13.01.2006
Offline
116
markoff
#2
Толян Толяныч:
Вот хороший сайт http://www.htmlbook.ru/ про HTML и CSS там есть разные примеры верстки шаблонов

да знаю, читал, примеры смотрел, но не получается сделать, а время поджимает

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#3 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример</title>
<style>
*{
padding:0;
margin:0;
}

div{
height:100px;
}
.one{
float:left;
background-color:#f00
}
.two{
background-color:#0f0;
}

</style>
</head>

<body>
<div class="one"></div>
<div class="two">второй див</div>

<br>
<br>

<div class="one">первый див</div>
<div class="two">второй див</div>

</body>
</html>

Пример:

http://barykin.com/test.html

https://adminbook.ru/
P
На сайте с 18.10.2007
Offline
89
pwd
#4

ключевое слово :

float:left;

markoff
На сайте с 13.01.2006
Offline
116
markoff
#5

Спасибо вроде то что нужно, только вот ещё нужно бы чтоб первый див был не больше определённого значения, так как это не основной контент на странице

[Удален]
#6
markoff:
Спасибо вроде то что нужно, только вот ещё нужно бы чтоб первый див был не больше определённого значения, так как это не основной контент на странице

Попробуйте так:

.one{

float:left;

background-color:#f00;

max-width:200px;//width:200px;

}

markoff
На сайте с 13.01.2006
Offline
116
markoff
#7

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

Ладно будем разбираться...

markoff добавил 09.09.2008 в 16:01

Мне нужно - тоже самое, но колонки поменять местами,

вот сделал, но переносит на другую строчку: 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Пример</title>

<style>

*{

padding:0;

margin:0;

}



div{

height:100px;

}

.two{

float:right;

background-color:#f00;

max-width:200px;

}

.one{

background-color:#0f0;

}



</style>

</head>



<body>

<div class="one"></div>

<div class="two">второй див</div>



<br>

<br>



<div class="one">первый див</div>

<div class="two">второй див</div>



</body>

</html>
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#8

Надо поменять дивы местами: 

<div class="two">второй див</div>

<div class="one">первый див</div>
markoff
На сайте с 13.01.2006
Offline
116
markoff
#9
Алексей Барыкин:
Надо поменять дивы местами: 
<div class="two">второй див</div>

<div class="one">первый див</div>

Точно, так и есть, спасибо

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