новые сообщения
ответы на мои сообщения
избранное
скрытые темы
случайный топик
открыть всё в новых вкладках
Форум → Разработка → Клиентская сторона → Верстка и оформление → Помогите с позиционированием
Страницы: ← Предыдущая страница →
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
9 декабря 2010 г. 19:16, спустя 55 минут 31 секунду
Да хуй … давайте по порядку.
с дивами может ебаться часами даже опытный верстальщик
Сообщения:
5147
Репутация:
N
Группа:
в ухо
9 декабря 2010 г. 20:40, спустя 1 час 23 минуты 32 секунды
Сообщения:
78
Репутация:
N
Группа:
Кто попало
9 декабря 2010 г. 22:49, спустя 2 часа 9 минут 36 секунд
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Дивы спасут мир!</title>
<style>
*
{
margin: 0;
padding: 0;
}
html, body
{
width: 100%;
height: 100%;
}
#red
{
margin: 0 auto;
position: relative;
border: 2px solid red;
width: 90%;
height: 90%;
}
#blue
{
border: 2px solid blue;
width: 600px;
height: 500px;
float: left;
}
#green
{
margin: 0px 0px 0px 620px;
border: 2px solid green;
height: 250px;
}
#orange
{
margin: 0px 0px 0px 620px;
border: 2px solid orange;
height: 250px;
}
</style>
</head>
<body>
<div id="red">
<div id="blue">Я научусь</div>
<div id="green">верстать</div>
<div id="orange">дивами!</div>
</div>
</body>
</html>
10 декабря 2010 г. 7:02, спустя 8 часов 13 минут 5 секунд
Сообщения:
78
Репутация:
N
Группа:
Кто попало
10 декабря 2010 г. 9:02, спустя 1 час 59 минут 36 секунд
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Дивы спасут мир!</title>
<style>
*
{
margin: 0;
padding: 0;
}
html, body
{
width: 100%;
height: 100%;
}
#red
{
margin: 0 auto;
position: relative;
border: 2px solid red;
min-width: 900px;
width: 90%;
height: 90%;
}
#min-width
{
width: 900px; /* костыль для ие6 */
}
#blue
{
border: 2px solid blue;
width: 600px;
height: 500px;
float: left;
}
#green
{
margin: 0px 0px 0px 620px;
border: 2px solid green;
height: 250px;
}
#orange
{
margin: 0px 0px 0px 620px;
border: 2px solid orange;
height: 250px;
}
</style>
</head>
<body>
<div id="red">
<div id="min-width"></div>
<div id="blue">Я научусь</div>
<div id="green">верстать</div>
<div id="orange">дивами!</div>
</div>
</body>
</html>
Сообщения:
2284
Репутация:
N
Группа:
Адекваты
10 декабря 2010 г. 10:17, спустя 1 час 14 минут 44 секунды
Сообщения:
5147
Репутация:
N
Группа:
в ухо
10 декабря 2010 г. 10:20, спустя 3 минуты 21 секунду
Сообщения:
78
Репутация:
N
Группа:
Кто попало
10 декабря 2010 г. 10:49, спустя 28 минут 24 секунды
Сообщения:
2284
Репутация:
N
Группа:
Адекваты
10 декабря 2010 г. 10:54, спустя 5 минут 17 секунд
Сообщения:
988
Репутация:
N
Группа:
Джедаи
10 декабря 2010 г. 10:58, спустя 4 минуты 21 секунду
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
10 декабря 2010 г. 11:07, спустя 8 минут 54 секунды
В топку тех кто еще ИЕ6 юзает
Я уже даже border-radius начал использовать несмотря на то что в ИЕ8 не пашет
Сообщения:
78
Репутация:
N
Группа:
Кто попало
10 декабря 2010 г. 11:12, спустя 5 минут 13 секунд
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
10 декабря 2010 г. 15:00, спустя 3 часа 47 минут 27 секунд
.красный { width:100%; height:100%; background:#красный; }
.синий { float:left; width:700px; height:300px; background:#синий; }
.зеленый { height:150px; overflow:hidden; background:#зеленый; }
.желтый { height:150px; overflow:hidden; background:#желтый; }<div class="красный">
<div class="синий"></div>
<div class="зеленый"></div>
<div class="желтый"></div>
</div>Страницы: ← Предыдущая страница →
Пожалуйста, авторизуйтесь, чтобы написать комментарий!