Проблем с позициониране

[Avidea]

Имам следния код:

html, body {height: 100%;  background:#FFF; color:#FFF; font: 12px Tahoma; margin: 0; padding: 0px;}
.main {width: 996px; margin: 0 auto; border: 1px solid red}

Защо в Мозилата ми се централизира, а в експлорера не ще?

 

[PhrozenCrew]

Ами кода ти е ужасен. Има грешки, които трябва да ги избягваш. Поставил си стойност без дименсия. Повтаряш маргин.. И си пропуснал важен text-align: center в декларацията на body. Виж как трябва да изглежда:

html, body {
height: 100%;
background: #FFF;
color: #fff;
font: 12px Tahoma;
margin: 0px;
padding: 0px;
text-align: center;
}
.main {
width: 996px;
margin-left: auto;
margin-right: auto;
border: 1px solid red;
text-align: left;
}

Лека редакция, че може да не се сетиш. Сложи един text-align: left; в декларацията на класа .main. Добавям го най-отдолу.

 

[Avidea]

Гледах от един друг сайт и там им се получаваше със този код, а ето че има грешки. Сега се получи +1

 

[PhrozenCrew]

Гледах от един друг сайт и там им се получаваше със този код, а ето че има грешки. Сега се получи +1

Прав си, че много сайтове се пускат с грешки. Нагледал съм се на простотии особено в CMS-ите. Като хванеш някой от тимплейтите на Джумла или e107 можеш да откараш до сутринта само в оправяне на код. Имам в предвид официалните тимплейти. То са хакове, таблици... valign-и и какви ли не тъпни.
Мерси за точката и питай пак ако имаш трудности с дизайна.

 

[Avidea]

Пратих ти ЛС относно галерията за която имах запитване пак в тоя форум преди няколко дена

 

[PhrozenCrew]

Писах в темата за която искаше информация. Чесно да ти кажа доста поомазан ми се вижда кода ти, но все пак сайта започва да придобива фронт-енд дизайна от който има нужда. Ще ти помагам с каквото мога, защото виждам, че се стараеш. Няма да ти пренапиша целия стил а само ще ти дам сламката. Така човек учи най-добре. Написал съм ти го и в темата. Абсолютното позициониране има отношение единствено към родителския слой (ако е заявен). Ето и примера:
http://instr.hit.bg/mouse_over/index.html
Ако имаш проблеми пиши. Успех!