X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Простой вопрос от новичка
Winlook
Winlook
Topic Starter сообщение 6.5.2010, 20:38; Ответить: Winlook
Сообщение #1


Есть контейнер шириной в 1000 пикселей.

В этом контейнере 3 блока.

Первый шириной 100, второй шириной в 200, третий шириной в 400.

Левый и правый блоки прижимаются соответственно к левому и правому углу.

Мне нужно, чтобы средней, второй блок был строго по центру, вне зависимости от расположения тех елементов. как модернизировать?

#colTwo{float:left;width:50%;
background-color:#eeeeee;
border:solid 1px black;
padding: 4 4 4 4;


} /*вторая колонка*/
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Winlook
Winlook
Topic Starter сообщение 6.5.2010, 20:40; Ответить: Winlook
Сообщение #2


И еще вопрос - как задать строго ограниченное расстояние между каждым блоком?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jahggler
jahggler
сообщение 6.5.2010, 20:59; Ответить: jahggler
Сообщение #3


давай попробуем так:

#colOne { float: left; width: 100px }
#colTwo { float: left; width: 200px; margin-left: 200px }
#colThree { float: right: width: 400px }
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexflasher
alexflasher
сообщение 7.5.2010, 16:48; Ответить: alexflasher
Сообщение #4


Не люблю помогать тем, кто так называет свои темы: простой, простейший...
Если вопрос такой простой, то реши его сам
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 7.5.2010, 17:34; Ответить: locky-yotu
Сообщение #5


Угум-с) Новичок с 284 сообщениями) За это время ИМХО можно было просто читая сообщения форума и не включая моск разобраться в таких вещах)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jahggler
jahggler
сообщение 8.5.2010, 3:09; Ответить: jahggler
Сообщение #6


я думаю с опытом это к нему придет)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Licoric
Licoric
сообщение 8.5.2010, 3:14; Ответить: Licoric
Сообщение #7


Не отклоняемся от темы, господа.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
сообщение 8.5.2010, 3:14; Ответить: InviS
Сообщение #8


В такой ситуации даже float бы не использовал. В чем проблема подсчитать расстояния? :) Если известен общий блок и ширина каждого из блоков внутри... это простая арифметика. Тупо margin'ами бы сделал :)
По поводу независимости от тех блоков ничего не понял. Куда они могут съехать-то, когда все задано у них?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jahggler
jahggler
сообщение 8.5.2010, 3:48; Ответить: jahggler
Сообщение #9


может я туплю..... как ты собираешься блочные элементы располагать рядом друг с другом без float?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
call007
call007
сообщение 14.5.2010, 23:31; Ответить: call007
Сообщение #10


(jahggler @ 8.5.2010, 06:48) *
может я туплю..... как ты собираешься блочные элементы располагать рядом друг с другом без float?

Можно так попробовать:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style>
html, body {padding:0; margin:0; height:100%}
.b1 {
width:1000px;
height:100%;
margin:0 auto;
background:#CCCCCC
}
.b2 {
width:100px;
background:#99FFFF
}
.b3 {
width:200px;
margin-left:400px;
background:#FFFFCC
}
.b4 {
width:400px;
margin-left:600px;
background:#99CCFF
}
.b2,.b3,.b4 {
position:absolute;
top:0px;
}
</style>
</head>

<body>

<div class="b1">

<div class="b2">Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>
<div class="b3"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>
<div class="b4"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>

</div>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Предложение по форуму от новичка
22 Yogsvet 5456 7.3.2024, 20:09
автор: Lumex
Открытая тема (нет новых ответов) Посоветуйте оффер казино для новичка
5 Megaspryt 1665 23.1.2024, 15:31
автор: markp_1xBet
Открытая тема (нет новых ответов) Простой способ заработать на пиво за 5 минут
Халява для граждан РФ
17 MaxChemist 3147 15.9.2022, 17:42
автор: MaxChemist
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3194 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Нужен простой скрипт выставления ставок в Яндекс.Директ
1 taxi2008 1354 12.11.2020, 3:14
автор: Coffee


 



RSS Текстовая версия Сейчас: 26.4.2024, 1:19
Дизайн