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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: DIV уплывает вверх

Сообщения:  [1-10] 

 
 автор: Eugene77   (21.07.2008 в 15:55)   письмо автору
 
   для: Николай2357   (21.07.2008 в 07:45)
 

Интересная ссылка, но там проблема с таблицей в одном из дивов даже не рассматривается.

Похоже, надо верстать либо дальше на таблицах, либо исключать их со страницы вообще, всё делать на дивах.

   
 
 автор: Николай2357   (21.07.2008 в 07:45)   письмо автору
 
   для: Eugene77   (21.07.2008 в 06:04)
 

Вот здесь посмотри:http://blog.sjinks.org.ua/css/31-ie-and-general-case-of-two-column-liquid-layouts/

   
 
 автор: Eugene77   (21.07.2008 в 06:04)   письмо автору
 
   для: Dr Lines   (20.07.2008 в 15:10)
 

Неужели никто не знает как сочетать дивы с таблицами?

   
 
 автор: Eugene77   (20.07.2008 в 16:56)   письмо автору
 
   для: Dr Lines   (20.07.2008 в 15:10)
 

Причём это завистит от ширины таблицы. Если не указывать 100%, то всё нормально.
Я думал таблица займёт 100% от дива, а не от страницы.
Что мне теперь для двухколоночной вёрстки ещё одну таблицу ввести?

Мне ведь надо всего-то лишь чтобы:
Первая колонка имела фиксированную ширину в пикселях.
Вторая занимала всё остальное место, но не менее... (тоже в пикселях).
Можно это на дивах сделать?

   
 
 автор: Eugene77   (20.07.2008 в 16:37)   письмо автору
 
   для: Dr Lines   (20.07.2008 в 15:10)
 

Вот такой участок не хочет работать:

<style>
#inform 
       {float: left; 
       clear:none; 
       padding-top: 1em; 
       margin: 0px; 
       border:red 1px solid;} 
#main 
       {clear:none; 
       border:red 1px solid; 
       float:right; 
       padding-top: 1em; 
       margin: 0px;}
</style>


<div id="inform">

<img src="http://localhost/b/b100_100_1.gif"  alt= "b100_100_1.gif"   width="100" height="100" align="middle" />

</div>

<div id="main">
<table border=0 width=100%>
  <tr valign="bottom">
    <td><p class=menu><img src="../skins/base/images/newtema.gif" border="0" width="20" height="15"><a title="Создать новую тему" class=menu href=addthemeform.php?id_forum=1&id_type=1>Новая&nbsp;тема</a></p></td>
</td></tr></table></div>

   
 
 автор: Eugene77   (20.07.2008 в 16:09)   письмо автору
 
   для: Dr Lines   (20.07.2008 в 15:10)
 

Да. Ваш пример работает нормально.
Это что-то у меня конфликтует. (Страница большая с массой разметки).
Буду пока сам смотреть.

   
 
 автор: Dr Lines   (20.07.2008 в 15:10)   письмо автору
 
   для: Eugene77   (20.07.2008 в 12:31)
 

А можно код поподробнее.
пробовал в 4х браузерах это:
<html>
<head>
 <style>
 #info
       {float: left;
       clear:none;
       padding-top: 1em;
       margin: 0px;
       border:red 1px solid;}
#main
       {clear:none;
       border:red 1px solid;
       float:right;
       padding-top: 1em;
       margin: 0px;}
 </style>
</head>
<body>
<div id="info">Example text1</div>
<div id="main">Example text2</div>
</body>
</html>


Все как надо, в один ряд.

   
 
 автор: Eugene77   (20.07.2008 в 12:31)   письмо автору
 
   для: Dr Lines   (19.07.2008 в 21:57)
 

Не помогло что-то.
Опера упирается.

   
 
 автор: Dr Lines   (19.07.2008 в 21:57)   письмо автору
 
   для: Eugene77   (19.07.2008 в 20:27)
 

установи еще для обоих параметр clear в none
#info{
float: left;
clear: none;
padding-top: 1em;
margin: 5px;
}
#main{
float: right;
clear: none;
padding-top: 1em;
margin: 0 2em 0 8px
}

   
 
 автор: Eugene77   (19.07.2008 в 20:27)   письмо автору
 
 

Пишу для двух колонок:
#info{
float: left;
padding-top: 1em;
margin: 5px;
}
#main{
float: right;
padding-top: 1em;
margin: 0 2em 0 8px
}

В Опере дивы друг под другом, в IE как надо - две колонки.
Как Опере объяснить?

   

Сообщения:  [1-10] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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