Margin:auto проблем в ie

сложи тези два реда вместо твоите ;)

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
shterev каза:
сложи тези два реда вместо твоите ;)

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Няма промяна ,може би ще правя проверка дали юзъра е с ие и да задам различни margin-и ,ако няма друг вариянт...
 
в кое ИЕ ти прави проблем?

Ама като те гледам пак си оплескал нещата, къде имш margin:0 auto; на тоя див?
 
Свали

Тук съм ти го кодирал набързо. В style.css съм използвал reset.css от 960gs и text.css и clearfix-a им (сложил съм коментари).

Кодът, който те интересува е след /* Main CSS */ коментара. Използвал съм css3 за заобляне на ъглите (защото мисля, че на теб основния ти проблем е позоционирането). Т.е ако искаш менюто ти да излиза със заоблени ъгли и в IE - трябва да си го кодираш сам или да използваш и css3pie

Също прозрачните картинки не знам дали знаеш, но не излизат както ни се иска в IE 6, затова и за там трябва да използваш някой фикс. Аз лично съм се спрял на този: http://www.twinhelix.com/css/iepngfix/
 
adrian каза:
Свали

Тук съм ти го кодирал набързо. В style.css съм използвал reset.css от 960gs и text.css и clearfix-a им (сложил съм коментари).

Кодът, който те интересува е след /* Main CSS */ коментара. Използвал съм css3 за заобляне на ъглите (защото мисля, че на теб основния ти проблем е позоционирането). Т.е ако искаш менюто ти да излиза със заоблени ъгли и в IE - трябва да си го кодираш сам или да използваш и css3pie

Също прозрачните картинки не знам дали знаеш, но не излизат както ни се иска в IE 6, затова и за там трябва да използваш някой фикс. Аз лично съм се спрял на този: http://www.twinhelix.com/css/iepngfix/

Мисля, че трябва да престанем да държим жив ИЕ6 ;) , т.е. да престанем да оптимизираме сайтовете си за него.
А и не разборам защо си си играл да го кодираш, като човека си има собствени виждания и иска, да му се помогне с дребните проблеми или незнания които му излзиат. То иначе е лесно да се каже направетеми това и някой като теб да го направи. Не мисля ,че това е идеята на форума, дори такива теми като видя и ги прескачам :)
 
Играх си защото виждам, че иска да се научи. А на мен ми е по-лесно да хвана да си го кодирам сам отколкото да се ровя в незатворените тагове и да оправям проблемите. Защото има отворени дивове, после не затворени никъде и така :)

lam3r4370, и още нещо - задължително използвай css reset. Хора, които са много по-наясно от мен и теб са ги измислили и ги използват, защото дори с техните познания е твърде много работа да оправиш всичко под всички браузъри. A css reset-ите нулират всички стилове, за да може като начало да изглежда всичко еднакво под повечето браузъри :)

EDIT: Свали 2
Качих втора архив, защото винаги се впускам в едно безсмислено добавяне на излишни дивове. Кодът си работи и ако махнеш <div id="nav"></div> и id="nav" го сложиш на ul-a. Също оправих и css, за да работи. Незначителна промяна е, но е по-добре да избягваш така добавянето на излишен код. :)

Умишлено съм оставил и двата архива, за да видиш разликата.


EDIT 2: Много използван css reset е този: html5doctor.com/html-5-reset-stylesheet/
 
adrian ще ми обясниш ли набързо за какво се ползва този css reset? Аз си кодирам дизайни без да ползвам тази гъзария...
 
adrian каза:
...
A css reset-ите нулират всички стилове, за да може като начало да изглежда всичко еднакво под повечето браузъри :)
...
 

Back
Горе