Положение элементов на странице

NeoMurderer · April 20, 2011

Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??

tt48 · April 20, 2011

Для начала у Вас заявлен


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

А используете вперемешку, то selfcloasing теги(

<br /> <input /> <img />

), то обычные.

Валидатору также не нравится

 xmlns="http://www.w3.org/1999/xhtml"

- оно вполне понятно, если посмотреть на xhtml в конце и то, о чем говорил выше.

Начать надо с этого.

Далее для "Вход" уберите position: relative; добавьте ему float и нормальное значение width;+margin-top;

firebag чтот странное говорит..даже если поставить width:12px; ширина ссылки не меняется.

Использовать !important в встроенных стилях не имеет смысла.

min-height:0; тоже очень нужная строчка.

backgrounD:#1C3508; D - пропущено.

Почитайте про hasLayout - есть на основном сайте тут( http://htmlbook.ru/blog/obzor-haslayout ).


<a onclick="login()

Пора переходить на ненавязчивый JavaScript.

Не нашел закрывающих тегов для body, html.

Если transitional-doctype стоит только ради

<center></center>

Пора уже найти ему замену и перейти на strict

Удачи

Edited April 20, 2011 by tt48

NeoMurderer · April 20, 2011

Вроде всё что сказал сделал,но результата немного

tt48 · April 20, 2011

Не шибко заметно http://validator.w3.org/check?uri=http%3A%2F%2Fpohodkin.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0


<a style="float:left;margin-top:30px;  backgrounD/*!!!*/:#1C3508;
width:120px;height:15px /*!important*/;" class="fbutton" href="http://www.pohodkin.ru/full_search.html"><b>Подбор снаряжения</b></a> 
<a id="loginB" class="fbutton" style='float: left;'>Вход</a>

  <form action="" name="searchform" method="post" align="right">


      <input type="hidden" name="do" value="search" />
      <input type="hidden" name="subaction" value="search" />
      <ul class="searchbar" style='*margin-left: 30%;'>

Edited April 20, 2011 by tt48

Sign In

Положение элементов на странице

Question

NeoMurderer

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

tt48

Link to comment

Share on other sites

NeoMurderer

Link to comment

Share on other sites

tt48

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information