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

HTML+CSS+JavaScript

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

 

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

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

тема: DIV уплывает вверх
 
 автор: 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 как надо - две колонки.
Как Опере объяснить?

   
 
 автор: 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   (20.07.2008 в 12:31)   письмо автору
 
   для: Dr Lines   (19.07.2008 в 21:57)
 

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

   
 
 автор: 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 в 16:09)   письмо автору
 
   для: Dr Lines   (20.07.2008 в 15:10)
 

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

   
 
 автор: 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:56)   письмо автору
 
   для: Dr Lines   (20.07.2008 в 15:10)
 

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

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

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

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

   
 
 автор: Николай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 в 15:55)   письмо автору
 
   для: Николай2357   (21.07.2008 в 07:45)
 

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

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

   
Rambler's Top100
вверх

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