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

HTML+CSS+JavaScript

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

 

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

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

тема: сползание хедера в IE6
 
 автор: dmab   (16.10.2009 в 16:00)   письмо автору
8.2 Кб
 
 

доброго времени суток, уважаемые
никак не могу победить IE6. уже и так и эдак пробовал - ничего не выходит. только в нём наблюдается подобное. сайт - дивовый.
итак, конкретика: если рисунок убрать - всё выглядит как подобает, т.е. менюха на своём месте. как только добавляю рисунок - менюха "сваливается" ниже рисунка. по горизонтали остаётся в этой же позиции, а по вертикали оказывается ниже рисунка.
никак сам победить не могу. подскажите, плиз, в каком направлении рыть?



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=win-1251" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>

<div id="content">
  <div id="title">
     <img  style="margin: 8px 0 0 0; float="left"  src="images/logo.png" alt=""  /> <!-- рисунок 357х100 -->
  </div>

  <div id="menu">
    <div class="submit">
      <ul>
        <li><a href="http://www.link.com/"><span>Ссылка1</span></a></li>
        <li><a href="http://www.link.com/"><span>Ссылка2</span></a></li>
        <li><a href="http://www.link.com/"><span>Ссылка3</span></a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>


CSS


* { padding:0; margin: 0 }

body {
 background: #FFFFFF url(images/topbg.jpg) repeat-x top; 
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 8pt;
 color: #454545;
}

#content {  padding: 0; margin: 0 auto; width: 765px;  } 
#title { margin: 0; padding:0; height: 80px; }
#menu {
    margin: 0px;
    padding: 0px;
    line-height: 35px;
    color: #81D7DF;
    width: 100%;
    height: 35px;
}
#menu .submit { float: right; vertical-align: bottom; }

  Ответить  
 
 автор: Lelik   (16.10.2009 в 16:15)   письмо автору
 
   для: dmab   (16.10.2009 в 16:00)
 


#title { margin: 0; padding:0; height: 80px; float: left; }

  Ответить  
 
 автор: dmab   (16.10.2009 в 17:31)   письмо автору
 
   для: Lelik   (16.10.2009 в 16:15)
 

спасибо, но нет, для IE6 это не помогает

  Ответить  
 
 автор: Lelik   (16.10.2009 в 18:25)   письмо автору
 
   для: dmab   (16.10.2009 в 17:31)
 

ну тогда для меню ещё добавить стиль:

#menu {
...
float: right;
...
}

  Ответить  
 
 автор: dmab   (16.10.2009 в 23:58)   письмо автору
 
   для: Lelik   (16.10.2009 в 18:25)
 

не пашет, в том и вся суть. как уже тока не кувыркался. чешу репу усиленно, надеюсь на гуру, ибо сам с этими делами фрагментами общаюсь, больше по PHP со всеми делами. да резиной table'вой.. я так... стиль подобрать, морду на ЦМСку натянуть. и не привык лажу гнать, к тому же. если делать - то делать. а статистика моих сайтин говорит что ИЕ6 занимает нормально в статистике по посещениям.
глянь скрины, может в тему будут.

  Ответить  
 
 автор: Lelik   (17.10.2009 в 00:26)   письмо автору
 
   для: dmab   (16.10.2009 в 23:58)
 

попробуй ещё ширину задать и вот ещё статья есть: Борьба с «прыгающими» блоками в IE

  Ответить  
 
 автор: dmab   (19.10.2009 в 16:25)   письмо автору
 
   для: Lelik   (17.10.2009 в 00:26)
 

не, пока не разобрался
набрёл ещё на такое: http://trifler.ru/blog/i/users/min-height.htm
буду ковырять по тихой грусти, раз помочь никто не смог...

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

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