|
|
|
| Ребята, надо отобразить 3 div блока в строчку, чтоб вот что я делаю:
<div id="header"><div id="left_l"><a href="#"><img src="images/logo.jpg" border="0" class="logo" /></a>
<div id="nav">
<ul >
<div style=" padding:0px; "><img src="images/verx_l.jpg" /></div>
<li ><a href="#">Главная</a></li>
<li ><a href="#">Про нас</a> </li>
<li><a href="#">Web дизайн</a></li>
<li><a href="#">Интернет маркетинг</a></li>
<li><a href="#">Хостинг</a></li>
<li><a href="#">Доменные именя</a></li>
<li><a href="#">Разное</a></li>
<div style="padding:0px; margin:0 auto"><img src="images/niz_l.jpg" width="260px" /></div>
</ul></div>
</div> <div id="center_l"></div> <div id="right_l"></div></div>
|
----------------
#right_l {
background-image:url(images/right_lg.jpg);
background-position:top;
float: right;
width:305px;
height:350px;
background-repeat: no-repeat;
display: inline;
}
#left_l {
float:left;
background-image:url(images/logo.jpgs);
background-position:left top;
width:545px;
background-repeat:no-repeat;
height: 350px;
display: inline;
}
#center_l {
background-image:url(images/left_lg.jpg);
background-position:right top;
height:350px;
background-repeat:no-repeat;
width: 100%;
display: inline;
}
|
Так вот все блоки плывут при большом разрешении! Что можно подправить? | |
|
|
|
|
|
|
|
для: OLi
(20.02.2010 в 01:20)
| | Вот для наглядного примера, все уехало, может где-то блоки не правильно определены?
http://azuk-stroi.ru/ | |
|
|
|
|
|
|
|
для: OLi
(20.02.2010 в 01:45)
| | Вы можете изъясняться РУССКИМ языком?
Ну напишите вы, например, так:
1. Имею внешний DIV фиксированной высоты шириной на все окно.
2. Надо поместить в него один за другим по горизонтали три внутренних DIV'a такой же фиксированной высоты каждый, но первый и третий имеет фиксированую ширину, а второй должен "растягиваться" на оставшуюся ширину внешнего DIV'a.
3. Прилагаю рисунок того, что хочу получить:
+-------------------------------------------+
|+------------++----------------++---------+|
|| || || ||
|| #1 || #2 || #3 ||
|| || || ||
|| фикс. H || фикс. H || фикс. H ||
|| || || ||
|| фикс. W || растянуть по W || фикс. W ||
|| || || ||
|+------------++----------------++---------+|
+-------------------------------------------+
|
4. Прилагаю ссылку того, что я уже сделал, но получилось криво - http://azuk-stroi.ru/, где:
внешний DIV имеет id="такой-то",
DIV #1 - id="его_id",
DIV#2...
Вот тогда вам можно будет помочь.
Мысль поняли? | |
|
|
|
|
|
|
|
для: АЯ
(20.02.2010 в 09:21)
| | Благодарю вас за любезность и потраченное время! Кое что исправил сам!
Вопрос стоит в другом, как убрать белый отступ между блоком левой колонки и футером?
Пример для наглядности на том же сайте, ссылку давал выше! | |
|
|
|
|
|
|
|
для: OLi
(20.02.2010 в 20:01)
| | А отступа в FF у вас никакого нет.
*{margin:0;padding:0;}
.clear {height: 0px;width:100%;clear: both;}
<div class= "clear"></div>
|
[поправлено модератором] | |
|
|
|