Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Пробелы между дивами в IE ...

Автор: Папараццы 7.2.2007, 13:11

Строил сайт и проверял под Файр Фоксе ...Всё было нормально ...Потом стали говорить что саёт какойто корявый..Отрываю всё норм...После того как открыл IE ....мне стало плохо...Между <div>ами промежутки оброзовались..Вроде не где бордеров не ставил на оборот все бордеры none.Что мне делать...???Если будет нужно скину код...
Зарание благодарен

Добавлено @ 13:19

Код


<div id="middlebar">
<form action='index.php?lang=<? echo "$lang"; ?>'> 
       <i>AZ EN</i><? //echo"<label>$search</label>"; ?>
       <input name="searchFor" type="text" size="11">
       <input name="axtar" type="submit" class="submit" value="">
       <!-- <? echo"#search"; ?>-->
      </form>
</div>
<div id="navBar">
  <div id="menu">
     <?  // VIVOD MENU 
       for($i=0;$i<=count($secitemname)-1;$i++ ){ 
           echo"<a href=$secitemlink[$i]>$secitemname[$i]</a>";
            };
    ?>
  </div>
</div>

А эт главное CSS

Код



#middlebar{
border-bottom:none;
background:url(buttons/search3.jpg) no-repeat top left;
height:46px; 
}
#middlebar form{
padding: 12px 0px 15px 20px;
}
#navBar{
    float: left;
    width: 205px; /* 20% idi burda  */
    margin: 0px;
    padding: 0px;
    background-color: #DCDBD;
    /* border-right: 1px solid #cccccc; */
    /* border-bottom: 1px solid #cccccc; */
}
#menu a {
    display: block; 
    padding: 4px 0px 2px 25px; /* 10px */
    background-image:url(buttons/leftunpressed.jpg);
    height:24px;
    }

#menu  a:hover{
    background-image:url(buttons/leftpressed.jpg);
    background-color: #dddddd;
    text-decoration:none;
}

Автор: mishaSL 7.2.2007, 13:27

Выложи уже полученный html код (без php).

А на первый взгляд:

Код


#middlebar form{
margin:0;
padding: 12px 0px 15px 20px;
}

Автор: Папараццы 7.2.2007, 13:49

Код



<div id="middlebar">
<form action='index.php?lang=AZ'> 
       <i>AZ EN</i>       <input name="searchFor" type="text" size="11">
       <input name="axtar" type="submit" class="submit" value="">
       <!-- #search-->
      </form>
</div>


<div id="navBar">
<!-- <div id="search">
      
  </div> 
  -->
    <div id="menu">
    <a href=>&#399sas</a><a href=>Menu 2</a><a href=>Menu 3</a>  
  </div>
  <!--  <div id='sectionLinks'> 
                     <h3>Menyu</h3> 
                      <ul> 
                        <li><a href=>&#399sas</a></li><li><a href=>Menu 2</a></li><li><a href=>Menu 3</a></li>                    </ul> 
                    </div>  -->
  <div class="topmenu"></div>
  <div class="ortamenu"> <!-- relatedLinks-->
   <h3>&nbsp;<a href=index.php?lang=AZ&where1=theme>M&#246vzular</a></h3> 
     <ul>......... и т.д.

А почему
margin:0; ???? Вроде так тоже ставил не помогает...
Судя по выводу незнаю даже.....

Автор: mishaSL 7.2.2007, 14:03

Папараццы, ты уж извини но ты сам пробовал посмотреть то что дал? кроме 3 ссылок и маленькой формы там вообще ничего нет. Как можно увидеть что у тебя не так? smile

Дай лучше ссылку на твой сайт, это будет проще.

Автор: Папараццы 7.2.2007, 14:18

http://elm.az/ict/library/infnew2/ritn/
вот ссылка...Извини 20 минут MySQL настраивал...

Автор: mishaSL 7.2.2007, 17:01

Насколько я понял конечно не устраивает как левый блок отображается, тогда замени в это:

Код


#middlebar form{
margin:0;
padding: 12px 0px 15px 20px;
}

на это:

Код


#middlebar form{
margin:0;
padding: 10px 0px 9px 20px;
}

P.S. ты где-то с подсчетом высоты напутал smile

Автор: Папараццы 7.2.2007, 22:03

ООО точно ступил....ОООооооогромное спасибо..выручил...А вот плз посмотри в левом меню 2 тонкие полоски получились..Как их убрать ?
ПиСИ: На сайте не выложил то что ты сказал....А меню там такоеже...

Добавлено @ 22:08
padding : 0px 0px 0px 0px; Кстати там первое значение Это размер от верха а последняя от левой части
, а что другие ?
Наверника надо будет учить Жаву..там всё подругому решается...

Автор: SelenIT 7.2.2007, 22:13

Цитата(Папараццы @ 7.2.2007, 22:03

)

а что другие ?

Папараццы, по часовой стрелке: верх, право, низ, лево. Если 3 значения - то верх, бока (одинаково), низ, если 2 - то верх-низ и бока, если одно - то для всех сторон одинаково. И для 0 единицы можно не указывать, но для прочих значений - обязательно.

Автор: Папараццы 7.2.2007, 22:24

Thanks за описание smile