Не работают стили для div

[Vandeko]

Есть div-елемент вроде хедера . В нем задан фон(картинка) .

Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>)

Кадый едемент я взял в div и задал ему стиль.

И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие .

После этого он сежджает немного вниз.

В это время сами елементы (те которые внутри) имеют значение position:fixed;

Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed .

Но тут другая проблема.

Весь контент снизу начинает его перекрывать.

Чтобы исправит это , делаю поверх него пустой div с position:reletive .

Но снова неудача так как пустой div перекрывет ссылки на переключателе страниц.

И еще ...

Переключателю страниц удалось задать место и цвет для тегов <p> и <a> ,

а вот с остальными div-и где есть только <p> это сделать мне никак не получается ...

так работает коректно:

<div class="ulbums-fon">
</div>

а так нет:

<div class="ulbums-fon">
<div class="states">
<p><a href="#">1</a> | <a href="#">2</a></p>
</div>
<div class="1s">
<p>(Європейські бренди)</p>
</div>
<div class="2s">
<p>(Українські бренди)</p>
</div>
<div class="3s">
<p>(Світові бренди)</p>
</div>
</div>

в результате должно получится так

но пока так

Стиль корневого

.ulbums-fon {background-image:url(/images/M_images/ulbum/ulbums.jpg);
	position:relative;
    width:699px;
    height:71px;
	color:#f0e7dd;

Стили сотальных:

.claerdiv  	{border: 0px solid #e3c79f;/**использовал штоб контент снизу не перекрывал**/
    	float: left;
  height: 133px;
  margin: 5px 0px 0px 6px;
  overflow: hidden;
  position: relative;
  width: 223px;
  z-index:0;}
.cleardiv2  {border: 0px;                  /**использовал штоб контент снизу не перекрывал**/
  position: relative;
  overflow: hidden;
  width: 699px;
  height: 71px;
  z-index:0;}

.states  	{font-size:12px;
  position:fixed;
  margin-top:-11px;
  margin-left:664px;
  z-index:10;}
.states p  	{color:#f0e7dd;}
.states a  	{color:#f0e7dd;}
.1s  {position:fixed;
  width:130px;
  height:15px;
  margin-left:5px}
.1s p  {color:#f0e7dd;}
.2s  {position:fixed;
  width:130px;
  height:15px;
  margin-left:250px}
.2s p  {color:#f0e7dd;}
.3s  {position:fixed;
  width:130px;
  height:15px;
  margin-left:550px}
.3s p  {color:#f0e7dd;}

[SelenIT]

Position: fixed напрочь рвет связь элемента с предком и привязывает его к одному месту окна, фиксируя при прокрутке. Зачем он тут вообще?

[Vandeko]

Position: fixed напрочь рвет связь элемента с предком и привязывает его к одному месту окна, фиксируя при прокрутке. Зачем он тут вообще?

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

Во-вторых когда я ставлю релетив для переключатора страниц , то сверху сразу появляется отступ как сейчас(эт по тому что нужно еще й корневой делать фиксед) но я ужэ описал почему я так не делаю.

И во третих это не по сути

[Searcher]

Что-то совсем ерунда какая-то.

Если сайт нужен фиксированного размера, то это не значит, что нужно использовать fixed. Нужно просто всем элементам задать четкие размеры.

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

Тут вы возможно перепутали fixed и absolute...