[HTML][CSS] ie6 nie wyswietla poprawnie strony Opcje

[k_@_m_i_l]

Mam strone http://kalenica.eu/index.php i działa pod ie7,firefox,opera, a pod ie6 sie rozjeżdza.Chodzi o to że ten div z treścią jest przesunięty na dół w ie6.Ma ktoś jakiś pomysł żeby to poprawić?? Prosze o pomoc,bo już chyba zwariuje nad tym.Nie wiem co zrobic,bo chce zmienic styl,to dalej sie rozjedża.
Tu sa style dla ie :
http://kalenica.eu/styl_ie.css
A tu dla innych przeglądarek:
http://kalenica.eu/style.css

Ten post edytował k_@_m_i_l 25.06.2008, 10:07:57

[l0ud]

W stylach dla IE zamień dla bloku DIV#tresc zamień MIN-WIDTH:[coś] na WIDTH: auto;

Przynajmniej ta porada dotyczyła stylu, zanim zacząłeś go przerabiać...

[k_@_m_i_l]

Nic nie pomogło.Dalej tak samo.

[l0ud]

Mi działa, ale z poprzednią wersją pliku styl_ie.css . Musiałeś coś zmienić...

Kod

BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #777777; PADDING-TOP: 0px; FONT-FAMILY: Arial
}
DIV#kontener {
    MIN-HEIGHT: 1000px; MARGIN: 0px auto; WIDTH: 800px
}
UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none
}
DIV#top {
    BACKGROUND-IMAGE: url(images/tlo.jpg); WIDTH: 800px; HEIGHT: 221px
}
DIV#top A {
    MARGIN-TOP: 0px; MARGIN-LEFT: 0px; WIDTH: 200px; POSITION: absolute; HEIGHT: 150px
}
A {
    COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
    TEXT-DECORATION: underline
}
DIV#lewy {
    DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 20px
}
DIV#menu {
    BACKGROUND-IMAGE: url(images/ltlo.gif); WIDTH: 223px
}
DIV.grupy {
    MARGIN: 0px auto; WIDTH: 209px; BORDER-BOTTOM: white 1px solid
}
DIV.grupy LI {
    BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; MIN-HEIGHT: 30px; BACKGROUND-IMAGE: url(images/ltlo2.gif); MARGIN: -3px 0px 0px; BORDER-LEFT: white 1px solid; WIDTH: 209px
}
DIV.grupy LI IMG {
    MARGIN-TOP: 5px; DISPLAY: block; FLOAT: left
}
DIV.grupy A {
    PADDING-RIGHT: 2px; MARGIN-TOP: -2px; DISPLAY: block; PADDING-LEFT: 24px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 10px; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
DIV.grupy A:hover {
    TEXT-DECORATION: underline
}
SPAN.pod {
    MARGIN-TOP: 0px; DISPLAY: block; MARGIN-LEFT: 10px
}
SPAN.pod A {
    FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: 80%; FONT-FAMILY: Arial
}
DIV#kontakt {
    BACKGROUND-IMAGE: url(images/tlo3.gif); MARGIN-BOTTOM: 20px; WIDTH: 223px; COLOR: #217600; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center
}
SPAN.naglowek {
    MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #217600
}
DIV#tresc {
    DISPLAY: block;
    HEIGHT: 100%;
    BACKGROUND-IMAGE: url(images/tlo3.gif);
    MARGIN-LEFT: 224px;
    WIDTH: auto;
    BACKGROUND-REPEAT: repeat-x;
}
IMG.foto {
    BORDER-RIGHT: #61b915 5px solid; PADDING-RIGHT: 10px; BORDER-TOP: #61b915 5px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 31px; BORDER-LEFT: #61b915 5px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #61b915 5px solid
}
IMG.kalenice {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 31px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV#tresc P {
    MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-LEFT: 31px
}
DIV#stopka {
    FLOAT: left; BACKGROUND-IMAGE: url(images/stopka.png); WIDTH: 800px; COLOR: #ffffff; POSITION: relative; HEIGHT: 34px
}
DIV#stopka P {
    MARGIN-TOP: 10px; MARGIN-LEFT: 83px; POSITION: absolute
}
DIV#stopka SPAN {
    MARGIN-LEFT: 15px
}

[gnowak]

Cześć Kamil.

Pierwsza rzecz jak się chce mieć strone która działa w różnych wyświetlarkach, to trzeba mieć strone która jest ważna według w3c.org

Ten post edytował gnowak 25.06.2008, 11:23:03

[k_@_m_i_l]

Wielkie l0ud (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Masz u mnie wielkie piwo (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)