Заголовок сообщения: Позиционирование в CSS Добавлено: 6 Июль 2005, 02:00:06
Привет всем.
Я наверное достал всех глупыми вопросами, но что делать, надо-же как то учиться.
Народ, подскажите ламеру.
Немогу скомпановать сайт. Проблема в следующем:
Все блочные элементы вставил в таблицу заданных размеров из одной ячейки , выравнил его
относительнно body по центру. В данную таблицу поместил банер, выравнил его относительно
родительского
слоя по центру задав ему position: relative;. Также поступил с горизонтальной панелью навигации и
с колонкой ссылок, выравнив их по правой стороне все тем-же позицированием position: relative.
А вот самое главное: нужно поместить два блока с текстом в тот-же контейнер таблици и
и разместить их по левой стороне. Пробую с помощью position: relative; left: #; top: #; .
Контейнер перемещается, но браузер оставляет с низу под него большое количество пустого места.
Пробую с помощью position: absolute; left: #; top: #; . Контейнер ввыравниваятся только по левой стороне
, вверх неподнимается, остается всегда на месте относительно окна браузера при его развертывании
или сжатии и при всем этом не видно нижней граници контейнера (то-бишь браузер непрокручивает до
конца страницу).
Вот сижу и ломаю голову, как все нормально расставить по местам.
Откликнитесь кто-нибудь...
diverck, поясню мысль коллеги IonDen666: докторА ждут. Пациента они ждут. Пока что могу одно сказать: кто на ком стоял непонятно, и зачем блочные элементы всовывать в таблицу - тоже непонятно.
Вы уж извольте объяснять конкретнее, например так:
1) Вот стоящая передо мною цель
2) Вот такие задачи я сформулировал для себя дабы этой цели достичь
3) Вот так я пытался решить эти задачи
4) Вот в этом месте мои решения оказались неверны
5) Господа! Я неправильно ставил задачи или неправильно их решал?
Вот туn-то и появятся доктора и помогут.
Последний раз редактировалось Акела 6 Июль 2005, 11:01:55, всего редактировалось 1 раз.
_________________ критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
diverck, Акела нарисовал пошаговую блок-схему любых действий при постановке-решении задачи. Почему Вы игнорируете эти очевидные вещи? Не в первый раз, кстати. Я, если честно, в уме/голове/на_бумаге не смог сложить Ваш вопрос.
_________________ критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
Вы уж извольте объяснять конкретнее, например так: 1) Вот стоящая передо мною цель 2) Вот такие задачи я сформулировал для себя дабы этой цели достичь 3) Вот так я пытался решить эти задачи 4) Вот в этом месте мои решения оказались неверны 5) Господа! Я неправильно ставил задачи или неправильно их решал?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Untitled</title> <style type="text/css">
diverck, во-первых, можно Вас попросить в следующий раз такой код приводить в виде ссылки на файл хтмл? Далее, теперь вопрос: что Вас не устраивает (потому как, глядя на Вашеу страничку нет ясности). "слова text text text" в таблице (не диве, кстати) у Вас позиционированы абсолютно. Это видно. Дальше что? Какие-то блоки, дивы, которые не хотят размещаться там, где Вам угодно -- задайте им фоновый цвет или бордер, чтоб потом было проще говорить (вот, мол, салатовый блок должен идти после мадженты, серый после фуксии)
_________________ критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
diverck, не надо так буквально понимать слова "код в студию". Копировать всю эту хню на свой сервер и смотреть - в лом. Дайте ссылку, которую можно будет смотреть теми средствами, которыми нам удобнее. И сформулируйте плз вопрос наконец-то!
Акела, вот ссылка http://diverk1.narod.ru/chernovik.html.
Ситуация немного изменилась: Нужно блок id="tt"(с зеленой границей) поставить по центру окна браузера.
Пробовал с помощью body align="center", не вышло. Пробовал #tt text-algin: center; не вышло.
Далее, нужно выровнить блок текста id="div3" (желтого цвета) по левой стороне на расстоянии 20px от
зеленой границы родительского слоя id="tt". Пробовал #div3 position: absolute;left: 7%; top:150px;,
добился примерно нужного результата, но при уменьшении окна браузер блок стекстом начинает менять
свое положение.
Господа! Немогу понять что-ж я не так делаю ???
diverck, Вы делаете неправильно главное. Вы бросьте заниматься CSS и HTML, а вместо этого нарисуйте на бумажке композицию, которую Вы хотите видеть. После этого - попробуйте её реализовать простыми средствами типа "шапка" "левая колонка", "основной текст" "правая колнка" и "подвал"
В XML и CSS есть огромное количество чудесных свойств, позволяющих осуществить самые смелые планы...
diverck, практически всё, начиная с размеров в пикселах.
Вы видели свою страницу в чем-нибудь кроме IE? Посмотрите, поучительное зрелище. Я грешным делом хожу по интернету с помощью FF, так долго не мог понять о какой "зеленой" рамке идет речь.
Amaya просто вылетела с сообщением о системной ошибке.
Сам не люблю, когда в качестве ответа посылают читать первоисточники, но в Вашем случае это будет не лишне.
Еще могу посоветовать посмотреть внимательно на подходящий Вашим замыслам образец. Найдите в интернете, сохраниет на диске и препарируйте на здоровье.
!Я предлагаю именно посмотреть как работают профи, а не содрать у них дизайн и верстку.
abraitcev, скачал и установил сейчас Opera 8 и FireF.
ООООчень интересное зрелище, причем в обоих. И по поводу зеленой рамки я вродебы действительно погорячился...
Теперь буду иметь ввиду.
все переделалhttp://diverk1.narod.ru/chernovik.html Вопрос следующий: как избавиться от белых полей (и откуда они взялись) над lable и url2 при просмотре
в Opera и FFox.
И как можно выровнить id="base" по центру относительно body.
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.