Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Div в строчку с растягиванием
 
 автор: OLi   (20.02.2010 в 01:20)   письмо автору
 
 

Ребята, надо отобразить 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:45)   письмо автору
 
   для: OLi   (20.02.2010 в 01:20)
 

Вот для наглядного примера, все уехало, может где-то блоки не правильно определены?
http://azuk-stroi.ru/

  Ответить  
 
 автор: АЯ   (20.02.2010 в 09:21)   письмо автору
 
   для: 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...

Вот тогда вам можно будет помочь.
Мысль поняли?

  Ответить  
 
 автор: OLi   (20.02.2010 в 20:01)   письмо автору
 
   для: АЯ   (20.02.2010 в 09:21)
 

Благодарю вас за любезность и потраченное время! Кое что исправил сам!
Вопрос стоит в другом, как убрать белый отступ между блоком левой колонки и футером?
Пример для наглядности на том же сайте, ссылку давал выше!

  Ответить  
 
 автор: oliss   (21.02.2010 в 10:44)   письмо автору
 
   для: OLi   (20.02.2010 в 20:01)
 

А отступа в FF у вас никакого нет.

*{margin:0;padding:0;}
.clear {height: 0px;width:100%;clear: both;}
<div class= "clear"></div>

[поправлено модератором]

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования