Позиционирование div'ов

[HEX]

как можно сделать чтоб элементы оставались на своём месте пропорционально
а то у меня едет влево правое меню и контент

<div style="width:100%; height:120px; background-color:#0FF"><center><br />WAPKA</center></div>

<div align="center" style="width:200px; height:auto; float:left;">Left</div>

<div style="width:575px; height:auto; margin-left:10px; float:left; border:solid thin #F00"><center>content</center></div>

<div align="center"" style="float:left; width:200px; margin-left:10px; ">ru</div>
<br>
<br>
<div style="clear:both; width:100%; height:80px; background-color:#3CF"><center>FOOTER</center></div>

 

[gor]

<div style="width:100%; height:120px; background-color:#0FF"><center><br />WAPKA</center></div>
  <!-- -->
<div align="center" style="width:25%; height:auto; float:left;">Left</div>

<div align="center" style="width:50%; height:auto; float:left; border:solid thin #F00">content</div>

<div align="center" style="width:25%;">ru</div>
 <!-- -->

<div align="center" style="clear:both; width:100%; height:80px; background-color:#3CF">FOOTER</div>

 

[HEX]

<div style="width:100%; height:120px; background-color:#0FF"><center><br />WAPKA</center></div>
  <!-- -->
<div align="center" style="width:25%; height:auto; float:left;">Left</div>

<div align="center" style="width:50%; height:auto; float:left; border:solid thin #F00">content</div>

[s]<div align="center" style="width:25%;">ru</div>[/s]а как выровнять по правой стороне ?
 <!-- -->

<div align="center" style="clear:both; width:100%; height:80px; background-color:#3CF">FOOTER</div>

 

[gor]

<div style="width:100%; height:120px; background-color:#0FF"><center><br />WAPKA</center></div>
  <!-- -->
<div align="center" style="width:25%; height:auto; float:left;">Left</div>

<div align="center" style="width:50%; height:auto; float:left; border:solid thin #F00">content</div>

[s]<div align="center" style="width:25%;">ru</div>[/s]а как выровнять по правой стороне ?
 <!-- -->

<div align="center" style="clear:both; width:100%; height:80px; background-color:#3CF">FOOTER</div>

Выровнять что?

 

[HEX]

нужна ваша оценка по каркасу

<div style="width:100%; position:absolute; height:120px; left:0; top:0; background-color:#069" align="center">wapka</div> 

<div style="width:200px; position:absolute; top:122px; left:0; height:auto" align="center">nav</div>

<div style=" width:200px; position:absolute; top:122px; right:0; height:auto" align="center">right</div>

<div style="position:absolute; top:122px; left:221px; right:150px; width: 807px; height:auto;"align="center">content</div>

<div style="clear:both; position:absolute; left: 1px; top: 158px; width:100%; height: 46px; background-color:#069">footer</div>

Выровнять что?

второй блок там где ru

 

[gor]

Набейте контент и увидите ,что получится.С абсолютным позиционированием следует обращатся грамотно, так же и с фиксироваными величинами.
Обьясните конкретней.

 

[HEX]

мне нужно сделать каркас дивами

header
left menu
right menu
footer

 

[gor]

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

 

[HEX]

большое спасибо за помощь

<div style="width:100%; height:120px; background-color:#0FF"><center><br />WAPKA</center></div>
  <!-- -->
<div align="center" style="width:25%; height:auto; float:left;">Left</div>
                                                                                       изменил ваш код и всё супер 
<div align="center" style="width:49%; height:auto; float:left; border:solid thin #F00; margin-left:5px">content</div>

<div align="center" style="width:25%; float:right">ru</div>
 <!-- -->

<div align="center" style="clear:both; width:100%; height:80px; background-color:#3CF">FOOTER</div>