Блок ведет себя не естественно

[BSandro]

Пытаюсь сделать блок но он ведет себя не естественно...

 

В общем вот: http://jsfiddle.net/rzR8y/

 

margin почему то ведет себя как padding, тока он не только шурудит то что внутри, дак он еще и сдвигает как margin

 

и расширяет, как сделать тогда так, что бы он не расширял то что внутри, а всего лишь двигал.

[CoDy]

Уточните какой блок.

Если что-то нужно сместить, попробуйте

.elm {display:block;position:relative;left/right/top/bottom:смещение;}

[BSandro]

 

Уточните какой блок.

Если что-то нужно сместить, попробуйте

.elm {display:block;position:relative;left/right/top/bottom:смещение;}

 

то что двигаю в    <div class="logout">

 

то есть двигаю этот блок полностью все что связано с ним а там все корявится...

[CoDy]

Посмотрите внимательно, там класс logout прописан для div и всех вложенных input. Именно поэтому когда питаетесь сделать отступ для <div class="logout"> они задаются и для input. Ето вы называете "все корявится"?

[BSandro]

Посмотрите внимательно, там класс logout прописан для div и всех вложенных input. Именно поэтому когда питаетесь сделать отступ для <div class="logout"> они задаются и для input. Ето вы называете "все корявится"?

как бы да хотелось бы сделать что бы такого не было если двигать полностью блок другие не затрагивались

 

да и смысл что position:relative; left/top и тд.. что margin: 0 0 0 0;

тоже самое получается

Edited November 23, 2013 by BSandro

[CoDy]

как бы да хотелось бы сделать что бы такого не было если двигать полностью блок другие не затрагивались

В вашем случае нужно убрать класс logout у вложенных элементов: http://jsfiddle.net/rzR8y/4/. И отдельно для каждого прописать блочное поведение.

Думаю стоит немного переверстать, хотя бы так: http://jsfiddle.net/KGuM3/2/

 

да и смысл что position:relative; left/top и тд.. что margin: 0 0 0 0; тоже самое получается

Не совсем, вот из этого примера, думаю, будет понятна разница:http://jsfiddle.net/Ct7EW/

[BSandro]

 

как бы да хотелось бы сделать что бы такого не было если двигать полностью блок другие не затрагивались

В вашем случае нужно убрать класс logout у вложенных элементов: http://jsfiddle.net/rzR8y/4/. И отдельно для каждого прописать блочное поведение.

Думаю стоит немного переверстать, хотя бы так: http://jsfiddle.net/KGuM3/2/

 

 

 

да и смысл что position:relative; left/top и тд.. что margin: 0 0 0 0; тоже самое получается

Не совсем, вот из этого примера, думаю, будет понятна разница:http://jsfiddle.net/Ct7EW/

 

Ну на счет в каждом прописать, я это изначально как бы знал просто, подумал возможно можно как то прописать в .logout

 

так как это блок нужен он закреплен у меня к input и + для авторизаций на php будет проще, да и еще не 1 форма будет.....

[Switch74]

добавьте 

.logout .logout{    margin:0 0;}

возможно получится то, что вы хотите, но возможно я не правильно понял что вам на самом деле нужно