Разъехались элементы страницы. Помогите, плиз...

[Ksana]

Куда-то в сторону уезжает ссылка "Контакты",

форма для поиска и строка, выводящая время на экран, падают вниз.

Адрес, где можно посмотреть на это безобразие: http://StranaSovetov.biz/

Происходит это в Опере и в IE 8, возможно в IE 7 тоже - не удалось проверить.

Нормально страница выглядит только в FF и IE 6.

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

Заранее благодарна всем за помощь.

[Иван Шумов]

могу предположить проблему - неуказание размеров конкретно всех элементов меню и их контейнера - попробуй - может помочь. в IE7 тоже что и в IE8 - контакты. Да, еще совет - стили писать маленькими буквами.

[Ksana]

Простите, не поняла.

Я вроде бы указала все размеры.

Помоему проблема как-раз в этом.

Все браузеры по разному интерпретируют указанный размер, вот ссылка и поехала в сторону.

Причину я понимаю.

Только как это исправить не знаю.

[Иван Шумов]

а вот и непонимаешь) я проинспектил специально файрбагом - никаких width и height я там не увидел. отсюда делаем вывод что даже если они в стилях и указаны (что я смотреть поленился) - то не обрабатываются

[Ksana]

Ладно, проверю.

А что такое файрбаг?

[Иван Шумов]

это плагин к файрфоксу - скачать можно на mozilla.org в аддонах если поискать. советую 3 плагина

firebug

html validator

web developer

[Mila]

Что-то у меня не получается.

в FF правая ссылка на navbarе уезжает в сторону.

Промучилась с ней целый вечер и ничего не могу сделать.

Помогите, пожалуйста кто-нибудь.

Адрес: http://StranaSovetov.biz/

Вот код из хедера, а ниже стиль.

<div id="navbarright">  
	 <ul>
		<li><a href="http://localhost/wordpress/?page_id=3">Ответьте на вопрос!</a></li> 
	 </ul>
</div>

#navbar {
  COLOR: #ffffff; 
	FONT-WEIGHT: normal; 
	BACKGROUND: url(images/navbar.gif) #930a0d; 
	MARGIN: 0 auto 0; 
	PADDING: 0; 
	WIDTH: 931px;
	HEIGHT: 30px;
  BORDER-TOP: #660000 1px solid; 
	BORDER-BOTTOM: #660000 1px solid; 	
}

#navbarright{
  WIDTH: 200px;
  FLOAT: right;	
  PADDING: 0; 	
	MARGIN-right: 0; 	
}

html>body #navbarright {	
	padding: 0 0 9px 0;	 
	FLOAT: right;	
	right: 0px;	 
}

#navbarright  UL {
	PADDING: 0; 
	LIST-STYLE-TYPE: none;	
}

#navbarright UL LI {  
	MARGIN: 0; 
	PADDING: 0;
	list-style-type: none;
}

#navbarright A {
	BACKGROUND: url(images/navbar.gif) #930a0d; 
	COLOR: #ffffff; 
	text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  float: right; 
  vertical-align: 0;
  padding: 6px 25px 8px 25px;   	 
}

#navbarright A:visited {
	TEXT-DECORATION: none;
  background:url(images/navbar.gif) #930a0d; 
  padding: 6px 25px 8px 25px; 	   	 
}

#navbarright A:hover{
  background: url(images/but.gif) #750002;
  color: #ffffff; 
  padding: 6px 25px 8px 25px;	   	 
}

html>body #navbarright A {
  MARGIN: 0;
  }

html>body #navbarright A:visited {
	MARGIN: 0;
}

html>body #navbarright A:hover {
	BACKGROUND: #750002;
}

#navbar P {
	PADDING: 0 0 0 10px;	  
	MARGIN: 0 auto; 
	COLOR: #ffffff; 	
}

#navbar a, #navbar a:visited {
  MARGIN: 0;
	FONT-SIZE: 14px;
	font-weight: normal;
  COLOR: #ffffff; 
	TEXT-DECORATION: none
}

#navbar a:hover {
  MARGIN: 0;	 
	COLOR: #ffffff; 
	TEXT-DECORATION: none
}

#navbarleft {
  FLOAT: left;	
  PADDING: 0; 	
	MARGIN: 0; 	
}

#nav {
	MARGIN: 0px; 
	PADDING: 0px; 
	LIST-STYLE-TYPE: none
}

#nav UL {
	MARGIN: 0; 
	PADDING: 0; 
	LIST-STYLE-TYPE: none;	
}

#nav LI {
	FLOAT: left; 
	MARGIN: 0; 
	PADDING: 0;
	list-style-type: none;
}

html>body #nav A {
  MARGIN: 0;
	}

html>body #nav A:visited {
	MARGIN: 0;
}

html>body #nav A:hover {
	BACKGROUND: #750002;
}

#nav A {
	BORDER-RIGHT: #af0405 1px solid;
	BORDER-LEFT: #5a0002 1px solid;  
	BACKGROUND: url(images/navbar.gif) #930a0d; 
	COLOR: #ffffff; 
	text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  float: left; 
  vertical-align: 0;
  padding: 6px 25px 8px 25px;   	 
}

#nav A:visited {
	TEXT-DECORATION: none;
  background:url(images/navbar.gif) #930a0d; 
  padding: 6px 25px 8px 25px; 	   	 
}

#nav A:hover{
  background: url(images/but.gif) #750002;
  color: #ffffff; 
  padding: 6px 25px 8px 25px;	   	 
}

Кстати, что-то меня ваш сайт не признает.

Не могла зайти - пришлось заново регистрироваться.

[Mila]

Неужели никто не поможет?

Народ, ау....

[gordi]

Разбирайтесь с секцией

script Time в файле style.css, если ее закомментировать, все в FF работает

Вообще подобного рода меню делается так:

CSS

#nav {
	background-color:#930a0d;
	border:#660000 solid;
	border-width:1px 0;
	color:#fff;
	margin:0;
	padding:0;
	list-style-type:none;
	height:30px;
}
#nav li {border-right:#af0405 1px solid;border-left:#5a0002 1px solid;float:left;}
#nav a {
	background-color:#930a0d;
	color:#fff;
	font-size:14px;
	display:block;
	padding:6px 25px 8px;
	text-decoration:none;
}
#nav a:visited {background-color:#930a0d;}
#nav a:hover{background-color:#750002;}
#nav .navright {float:right;}

HTML

<ul id="nav">
   <li><a href="#">Пункт ? 1</a> </li>
   <li><a href="#">Пункт ? 2</a></li>
   <li><a href="#">Пункт ? 3</a></li>
   <li><a href="#">Пункт ? 4</a></li>
   <li><a href="#">Пункт ? 5</a></li>
   <li class="navright"><a href="#">Пункт ? 6</a></li>
</ul>

Никаких лишних блоков не требуется.

И это, возможно еще не самый лучший вариант

[Mila]

gordi, спасибо, что отозвались.

Только я не поняла, что нужно закомментировать?

Обьясните, пожалуйста подробнее.

Спасибо!

[gordi]

form {
  float: left;
  margin: 0;
  padding: 0;	
}

input#full {
  background-color: #DEDEDE;
  width: 150px;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 0 5px 0;
  margin: 0;
  border: 0;
  display: inline; 
}

Если эту секцию закомментировать, то все работает нормально.

Вы сами должны разобраться, для чего нужны стили в этой секции и нужны ли вообще.

Или переписать стили.

[polecat]

122 ошибки валидации, включая незакрытые теги и т.п. подобный мрак!

http://validator.w3.org/check?uri=http%3A%...=Inline&group=0

Впредь, советую, сначал добиваться валидации HTML и CSS файлов, а затем уже обращаться в раздел "Проблемы с версткой".

http://validator.w3.org/ -- HTML валидатор.

http://jigsaw.w3.org/css-validator/ -- CSS валидатор.

Заранее благодарна всем за помощь.

Супер фраза.. уже заранее они отблагодарили.

Два аккаунта зачем одному человеку? Ksana и Mila? Сейчас модераторам нажалуюсь.

[Mila]

gordi, спасибо!

Ваша подсказка помогла.

[Mila]

polecat,

Второй аккаунт мне пришлось зарегистрировать, потому что по первому аккаунту не смогла зайти.

Все время появлялась надпись: Пароль не правильный.

Хотя пароль был как раз нормальный - я его восстановила через функцию: "Забыли пароль".

А вы, что такой злой?

Ну не знаю я всего, потому и обращаюсь за помощью.

А вы если знаете - так помогли бы, вместо того, чтобы ругаться.

Когда-нибудь и вам помогут.

Люди всегда получают то, что дали другим.

[Vitesse]

а помоему это просто ссылки на ресурс

[gordi]

а помоему это просто ссылки на ресурс

Хорошая помощь начинающим

[Vitesse]

а помоему это просто ссылки на ресурс

Хорошая помощь начинающим

начинающим раскрутчикам сайтов?

[gordi]

Был задан конкретный вопрос или это прошло мимо вас?

Поспели к шапочному разбору

Стоит ли так напрягаться?