Синхронизиране на елементи с background-а

[Multity]

Здравейте!

Имам следния въпрос. Как да направя номера, даден елемент в страницата да е разположен според background-а? Питам понеже, когато го наместя по някакъв начин според моята резолюция и моят браузер, елемента отива на съвсем друго място когато отворя страницата на друг компютър. Най-вероятно въпроса ми е бил зададен и от някой друг, но не успях да намеря точно това, което ми трябва. :roll:

 

[lub4o]

Задаваш си backgrounda (background: url('dasdas') no-repeat left top); , центрираш си един див с margin: 0 auto и няма да имаш проблем под другите резолюции.

Но ако ползваш абсолютно позициониране, тогава се омазват нещата.
Дай повече инфо, какво се опитваш да направиш.

 

[Multity]

Идеята ми е следната. Слагам някакъв цвят като основен на заден план. След това слагам едно поле(шаблон), което е реалния фон(background) на сайта. От тука нататък, когато наредя разни менюта и други елементи вътре се получава едно разместване при различните резолюций. Дефакто аз го слагам на мястото му, запазвам и когато го отворя на другия комп, просто елементите са не където съм ги наредил, а на друго място. И искам просто елементите на сайта да се синхронизират според този 2ричния фон или картина да го нарека

Надявам се да остана разбран :roll: Най-вероятно има и по-лесно обяснение на въпроса ми :idea:

 

[lub4o]

Дай код да погледнем

 

[Giorgio]

Защо не оптимизраш страницата за 1024, а ако искаш да се задълбочиш можеш да погледнеш за responsive design

Поздрави,
Георги.

 

[Multity]

За момента нямам кой знае какъв код.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web Page</title>
<style type="text/css">
body {
background-attachment: fixed;
background-image: url(Elements/background.png);
background-repeat: no-repeat;
background-position:50% 20%;
background-color: #999;
color: #FFF;
}
</style>
</head>
<body>
</body>
</html>

Искам да добавя елемент, който да се синхронизира със background.png, според различните резолюций.

 

[lub4o]

background ок. Интересуваме как позиционираш блоковете.

Защото аз ползвам същият принцип и нямам проблем.
Слагам background center top - правя си един content центрирам го с margin:0 auto и пада точно на backgrounda.

Но незнам ти как позиционираш елементите спрямо backgrounda.

 

[Multity]

Ами понеже не съм много навътре с материята не съм сигурен и аз как трябва да го направя, за това и питам де

Това за което ти говориш, нещо такова ли е ?

menu {
content:url(Elements/signup_login_menu.png)
margin:0 auto;
}

 

[lub4o]

body{
[css] background: url("/img/background.png") repeat-x #353638 left top ;
}

#container{
width:950px;
margin:0 auto;
}
[/css]


html

<html>
<body>
<div id="container">
dblablabla
</div>
</body>
</html>