Forum PHP.pl

Witam,

chodzi mi o stronę którą obecnie składam:

www.kmtrans.pl

pod ff wszystko działa wyśmienicie, pod ie6 jest ok, pod ie7 robi się bajzel z paskiem możecie to zobaczyć fragment kodu który ma pod ie7 wyświetlać ten pasek:

[HTML] pobierz, plaintext 
div#first-column {
position: absolute;
margin-left: -179px;
}
div#container {
 
    margin-bottom: -3px;
}
[HTML] pobierz, plaintext 

Prosiłbym o pomoc w rozwiązaniu tego problemu powyżej wkleiłem warunek dla ie.

Pozdrawiam
Wojtek

powiedzcie mi jaka jest różnica między ie 7 a ie 6 przy tym kodzie (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[HTML] pobierz, plaintext 
div#first-column {
position:inherit;
margin-left:-179px;
}
div#container {
 
    margin-bottom: -3px;
}
[HTML] pobierz, plaintext 

W pliku index.php mam umieszczony taki warunek:

[HTML] pobierz, plaintext 
<link rel='stylesheet' type='text/css' href='../style/two-column.css' />
        <!-- compliance patch for microsoft browsers -->
        <!--[if lt IE 7]>
            <link rel='stylesheet' type='text/css' href='../style/two-column-ie.css' />
            <script src="/ie7/ie7-standard-p.js" type="text/javascript"></script>
        <![endif]-->
[HTML] pobierz, plaintext 

natomiast w głównym pliku ze stylami jest to zdefiniowane tak:

[HTML] pobierz, plaintext 
div#container {
    position: absolute;
    top: 144px;
    height: 691px;
    border: 0px solid gray;
    background: none;
    width: 990px;
    margin: 0;
    padding: 0;
}
div#first-column {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0;
    background: url(../images/7.png) no-repeat;
    height: 653px;
    width: 179px;
}
[HTML] pobierz, plaintext 

całość działa poprawnie pod opera ff ie6, pod ie7 pojawia się ten jeden mały błąd tak naprawdę i nie potrafię go usunąć prosiłbym o jakieś wskazówki pomoc.

Pozdrawaim
Wojtek

jeżeli się nie myle to inherit nie działa pod IE

po drugie margin-left:-179px; mi sie nie podoba, minusowy margines? To nie lepiej zastosować pozycjonowanie relatywne?

inherit pod ie6 zadziałał prawidłowo przy absolute, robi się kiepsko, na ujemnym marginesie pod ie6 wszystko działa ok krzaczy się przy ie7 przesuwa, jeden z elementów strony o właśnie te -179px, jakby 7 nie obsługiwała margin.

wyraźnie napisane że ie nie obsługuje poprawnie inherit

http://www.webdevout.net/browser-support-c...-css2propsbasic

ale są fixy do tego:

http://bugs.sakaiproject.org/jira/browse/SAK-9066

niestety wszelkie sposoby do jakich udało mi się dotrzeć zawiodły mnie, ma ktoś jakiś pomysł jak z tego wybrnąć prosze o wsparcie ;]

Ten post edytował wojtekwro 6.05.2008, 11:28:59

Spróbuj dodać doctype jeśli go nie masz... może pomóc.      na tej stronie masz doctypy różne poprawne.