Temat: 'rozjechana' pod IE8

Cześć, wpierw tylko ogólne zapytanie...
Kiedyś z kolegą zaprojektowaliśmy i wykonaliśmy stronę www.
Wszystko funkcjonowało jak należy.
Teraz dalej pod Mozillą, Operą, w aplikacjach mobilnych, pod IE6, IE7, IE10 (windows8) jest OK.
Pod IE8 jest problem ze stylem:
- body strony nie jest wycentrowane - wszystko do lewej;
- brak background (normalnie tło składa się z powtarzającego motywu png)

Mam takie dwie linie:

<link type="text/css" media="screen" rel="stylesheet" href="<?= FILE_PATH; ?>pliki/css/style-ie6.css">
<link type="text/css" media="screen" rel="stylesheet" href="<?= FILE_PATH; ?>pliki/css/style-ie7.css">

a poszczególne klasy:
/*
* @2008
* IE6 Screen CSS
*
*
*/

html, body { height: 100%; }

#inner,
#menu,
#news-mod .nm-desc { height: 1%; } /* 6, 7 */

#content .sub-header,
#content .nm-header { display: inline }

#top #nav li.first-child { background: none; }
#bar-left #bar-menu li.first-child { border: 0; }
========================================== ORAZ

/*
* @2008
* IE7 Screen CSS
*
*
*/

html, body { height: 100%; border: 0; }

#inner,
#menu,
#news-mod .nm-desc { height: 1%; } /* 6, 7 */

===============================================

czy z tych pokazanych informacji da się ustalić powód tego z czym mam problem?
czy mam utworzyć style-ie8.css
jak taki plik powinien wyglądać?

Pozdrawiam

Temat: 'rozjechana' pod IE8

przecierz tu:
- nigdzie nie ma definicji ze cos ma byc wysrodkowane !
- nigdzie nie ma definicji background!

Poczytaj o:
- margin i jak nim "centrowac"
- width - i jak go uzyc z poprawnie z margin do centrowania
- background i jak nim powielac tlo

Podpowiem ze margin trzeba zastosowac nie do body tylko do containera ktory ma byc centrowanyTen post został edytowany przez Autora dnia 14.06.13 o godzinie 09:24

Temat: 'rozjechana' pod IE8

Napisałem na wstępie, że na razie ogólnie..
ważne linie w style.css:

html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, em
{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }

html { border-bottom: 1px solid #FCF2EE; background: #FFF url(/image/bg-html.png) repeat 0 0; }
body { color: #1a387c; background: url(/image/bg-body.png) repeat-x 0 0; font: normal 0.68em/1.4em Tahoma, Helvetica, sans-serif; }

#inner:after,
#menu:after,
#news-mod .nm-desc:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* main */
#page { width: 980px; margin: 0 auto; background: #fff; }
#page #top { height: 340px; padding: 1px 0 0 0; background: url(/image/bg-top.jpg) no-repeat 0 0; overflow: hidden; }
#page #inner { position: relative; top: -25px; padding: 10px 0 0; background: url(/image/bg-page.png) no-repeat 100% 0 }
#page #footer { height: 25px; clear: both; padding: 32px 23px 0; color: #a5e5ff; background: url(/image/bg-footer.png) no-repeat 0 0; }

#top #nav { position: relative; height: 30px; clear: both; padding:0 0 0 10px; } /* 6, 7 */

/* content */
#content { width: 707px; float: right; padding: 0 11px 0 0; color: #858585; }
#content p { margin: 10px 0 0; }
#content #header { height: 70px; line-height: 70px; margin: 10px 0; padding: 0 20px; color: #0069ac; background: url(/image/bg-header.png) no-repeat 0 0; font-size: 3.1em; font-weight: normal; }
#content #header span { }

Temat: 'rozjechana' pod IE8

A nie łatwiej wkleić linka do strony?