Центриране с CSS

[ikod]

Как да центрирам обект с CSS? Предлагайте нещо че каквото измисля аз все под единия от следни браузъри неработи: Internet Explorer, Mozila Firefox, Opera.
И да питам примерно на един 17 инчов екран може да се сложи елемент с дължина 1260px, a какъв елемент може да се сложи на 15 инчов екран без да се появява такова за скролиране отдолу? +1 за който ми помогне най-много, хайде помагайте че и награди да вземате. Успех .

 

[Lam40]

Елемент в CSS се центрира с margin: 0 auto;
Пример:

#code { margin: 0 auto; width: 500px;}

и той се центрира, а на 17 инча монитор просто нямам как да сложиш 1260px текст без скролиране. Иначе ако е на елемент пробвай

overflow: auto;

 

[ikod]

Така пробвах нестана, но аз току-що се оправих, направих до с един див и после css, няма значение все пак 10x

 

[gLaVoReZa]

Така се центрира:

body {
text-align : center;
}

#element {
width : 500px;
height : auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}

А, това за мониторите - няма значение, колко инча е, от значение е само резолюцията.

 

[MontefuckeR]

Така се центрира:

body {
text-align : center;
}

#element {
width : 500px;
height : auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}

А, това за мониторите - няма значение, колко инча е, от значение е само резолюцията.

долу си му задал наляво а горе в центъра ще кое от 2те ще изпълни?

 

[Lam40]

Горе е задал да центрира текста за цялото body, а долу само за този елемент да започва от ляво. Иначе по default ще е центриран.

 

[mute]

И да питам примерно на един 17 инчов екран може да се сложи елемент с дължина 1260px, a какъв елемент може да се сложи на 15 инчов екран без да се появява такова за скролиране отдолу? +1 за който ми помогне най-много, хайде помагайте че и награди да вземате. Успех .

може с оферфлоу както някои каза но няма да се вижда съдаржанието на останалата част от сайта

 

[adrian]

Виж ми поста в тази тема. Този код работи под всички браузъри. Има и обяснения

 

[Malfurion]

Слагаш обекта в див и му даваш

margin-left:auto;
margin-right:auto;

Можеш да разгледаш този урок. На мен ми свърши работа.

 

[akolevutd]

:roll:

просто пишеш този диктайп:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

и на родителския контейнер даваш атрибут със стойност:

margin: 0 auto;