Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] ie6 nie wyswietla poprawnie strony
Forum PHP.pl > Forum > Przedszkole
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
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
k_@_m_i_l
Wielkie l0ud tongue.gif Masz u mnie wielkie piwo tongue.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.