CSS наместване на дивове


0

Здравейте колеги!
Нещо не се справям с наместването на 2 дива

Искам да наместя 2 дива:

Десния див да е центриран на екрана
А левия да се долепя до десния

Дивовете са ми <article>

 <article class="left"></article>
 <article class="center"></article>

 

.center{
position:inherit;
background:#CCC;
margin:0 auto;
width:590px;
}

.left{

position:inherit;
width:150px;
height:600px;
}

 

На .left какъва позиция тряя му задам или флоат или маргин за да се долепя до центрирания див?

Благодаря!

 




Отговори



1
На .center трябва да му зададеш да е float: left; и левият би трябвало да се долепи до него. Двата дива можеш да ги нестнеш в един общ който да ги държи в зависимост какви други елементи имаш на страницата. На общия див можеш да му зададеш да е с абсолютна позиция спрямо страна на body елемента - position: absolute като пример ти давам:
position: absolute;
top: 50px;
left: 50%;
което ще рече, че ще се позиционира на 50 пиксела от горната част на страницата и на 50% остъп от ляво в зависимост от големината на прозореца на браузъра т.е. около средата ще е винаги независимо от размера на прозореца. Това inherit мисля, че ще наследи позициите на родителския елемент, но не съм сигурен понеже не съм го ползвал.
Забелязах, че ползваш
което само по себе си е блоков елемент като див, но вече в зависимост от скелета на HTML-a може да се наложи да ги позиционираш релативно спрямо
За това най-добре е да дадеш малко и от структурата на html-a за да се види какво се опитваш да направиш с това съдържание.

от REPLAY (252 точки)


0
Колега получава се горе долу но на различни екрани тез проценти не пасват някви др идеи имате ли :)

от Alekdandur88 (128 точки)


1
Здрасти,
Моята идея е да добавиш още един
и в него да си подредиш
-ите, както искаш. След това центрираш новия
.
Поздрави

от Ivan Ivanov (0 точки)


0
Да и така може, но понеже е написал, че ползва
което ме води до мисълта, че би трябвало да има и
който да държи всичките статии и параграфи ако целта му е такава разбира се, при което може да си центрира
без проблем ако е структурирал html-a по този начин. А относно това, че искаш левият да е до централният можеш и с float можеш и с позициониране.
Поправих се понеже не бях обмислил къде ще ползваш float и бях написал глупост.

от REPLAY (252 точки)

0
еми да но централния ми див няма да е центрирана 6те се центрира спрямо двата вътре

от Alekdandur88 (128 точки)



0

Виж това може да ти свърши до някаква степен работа ако не си свършил вече. 

http://www.iangraham.org/books/xhtml1/chap13/center-position.html


от REPLAY (252 точки)