|
Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Вопрос новичка, о CSS+DIV верстке |
|
|
Вопрос новичка, о CSS+DIV верстке
|
Старожил Сообщения: 164 |
Профиль | Отправить PM | Цитировать Добрый день, ну или вечек, кому как нравится :-)
Вопрос такой: вохможно ли такое реализовать с помощью CSS и DIV ,если да то как? Например есть 3 элемента, возможно ли их разместить рядом др с другом, чтобы первый элемент находился на 25% от левого края, третий на 25 проц от правого края, а второй по середине между первым и вторым и занимал все оставшееся пространство между ними. PS: Пытался такое реализовать, но никак не выходит чтобы элемен занимал все пространство между 1 и 2 элементами, и не выходил за их границы. |
|
Отправлено: 21:51, 24-01-2009 |
Ветеран Сообщения: 823
|
Профиль | Сайт | Отправить PM | Цитировать <html> <head> <style type="text/css"> #left, #right { float:left; width:25%; background:black; } #center { width:50%; background:blue; float:left; } </style> </head> <body> <div id="left">1</div><div id="center">2</div><div id="right">3 </div> </body> http://djone.com.ua/test1.html |
------- Отправлено: 23:21, 24-01-2009 | #2 |
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети. Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля. |
Ветеран Сообщения: 1862
|
Профиль | Сайт | Отправить PM | Цитировать |
------- Отправлено: 22:54, 26-01-2009 | #3 |
Вредитель Сообщения: 460
|
Профиль | Отправить PM | Цитировать Igor_I, попробуйте вставить после последнего дива
P.S. По стандарту для всех плавающих элементов надо указывать ширину. http://www.w3.org/TR/CSS2/visuren.html#floats |
Отправлено: 23:44, 26-01-2009 | #4 |
Ветеран Сообщения: 1862
|
Профиль | Сайт | Отправить PM | Цитировать Навскидку вроде то, что надо. Завтра посмотю повнимательнее.
|
|
------- Отправлено: 00:29, 27-01-2009 | #5 |
Ветеран Сообщения: 823
|
Профиль | Сайт | Отправить PM | Цитировать Друзья, помогите пожалуйста.
Решил переделать с таблиц в дивы. Уже в шапке столкнулся с непонятным для меня глюком www.djone.com.ua/index2.php Белая полоска в браузерах Firefox, IE
.h1{ background-image:url(newdesign/images/djshop_04.png); height:68px; width:100%; min-width:1004px; } .h11{ width:266px; float:left; } .h12{ height:68px; background-image:url(newdesign/images/djshop_06.png); background-repeat: no-repeat; background-position: top right; } .h2{ background-image:url(newdesign/images/djshop_09.png); height:85px; clear:both; width:100%; min-width: 1004px; } .h21{ background-image:url(newdesign/images/djshop_08.png); height:85px; width:258px; float:left; margin-left:6px; } .h21 table{ width:250px; margin-left:8px; margin-top:10px; font-size:12px; } .h22{ background-image:url(newdesign/images/login.png); height:85px; width:230px; float:left; } .h23{ background-image:url(newdesign/images/djshop_09.png); width:290px; height:85px; float:left; padding-left:10px; } .h23 ul li {list-style-type:none; margin:0; padding:0; border:0;} .h23 ul {margin:0; padding:0; border:0;} .h23 a {color: #fff;} .h23 a:hover {color: #FFFF00;} .h24{ background-image:url(newdesign/images/kurs.png); width:200px; height:85px; float:right; margin-right: 10px; } .h24 div { font-size:12px; margin-top:10px; margin-left:15px; } |
------- Последний раз редактировалось Artem-Samsung, 16-02-2009 в 16:53. Отправлено: 16:14, 16-02-2009 | #6 |
Engrossed by the Void Сообщения: 2229
|
Профиль | Отправить PM | Цитировать Навскидку лечится:
Но я бы поискал другой способ сверстать - можно было бы обойтись без плавающих дивов в шапке, спозицировав их относительно и задав ширины. |
------- Отправлено: 21:57, 16-02-2009 | #7 |
Ветеран Сообщения: 7253
|
Профиль | Отправить PM | Цитировать |
------- Отправлено: 22:12, 16-02-2009 | #8 |
Ветеран Сообщения: 823
|
Профиль | Сайт | Отправить PM | Цитировать Цитата Prisoner:
http://djone.com.ua/index2.php 1. При уменьшении не помагает min-width 2. В Firefox и Opera позишн как то по разному воспринимает |
|
------- Отправлено: 22:53, 16-02-2009 | #9 |
Старожил Сообщения: 402
|
Профиль | Сайт | Отправить PM | Цитировать Ребята, у меня есть файл со стилями, что мне в нем нужно изменить, чтобы у меня везде был шрифт монотайп корсива? А в кнопках меню монотайп корсива жирный. Подскажите мне пожалуйста где и что прописать
|
Последний раз редактировалось Карина, 06-06-2009 в 20:28. Отправлено: 22:55, 16-02-2009 | #10 |
|
Участник сейчас на форуме | Участник вне форума | Автор темы | Сообщение прикреплено |
| |||||
Название темы | Автор | Информация о форуме | Ответов | Последнее сообщение | |
Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ? | stalingrad432006 | Вебмастеру | 6 | 04-11-2008 16:57 | |
html,css (div высота) | brain_13 | Вебмастеру | 4 | 12-06-2008 09:02 | |
Нуждаюсь в программировании (верстке) сайта ! | sirik | Вебмастеру | 12 | 06-08-2006 01:52 | |
Вопрос по .CSS | btx | Вебмастеру | 4 | 06-03-2006 16:02 | |
Div x player | favn | Хочу все знать | 1 | 10-10-2004 00:50 |
|