Forum PHP.pl > pod firefox'em ok, pod IE problemy...

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: pod firefox'em ok, pod IE problemy...

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

nigraS

4.02.2009, 20:50:37

zrobiłem stronę i teraz nie wiem, w którym miejscu w pliku css mam ją poprawić, by działała pod IE i jednocześnie nie popsuć działania pod firefox'em. Czytałem różne artykuły - nie udaje mi się zgrać raz działa pod IE, a raz pod Firofix
Bardzo proszę o pomoc.

plik css

Kod

body{
  /*border:solid white 1px;*/
  background-color:black;
  text-align:center;
  max-width:1024px;
  height:598px;
  margin: 0px auto;
}

#banner{
  /*border:solid white 1px;*/
  background-image:url("img/banner.gif");
  margin-left: auto;
  margin-right: auto;
  width:996px;
  height:198px;
}
#pod_bannerem{
  background-image:url("img/tlo/pod_bannerem.gif");
  margin-left: auto;
  margin-right: auto;
  width:1024px;
  height:29px;
}
#tlo_linkow{
  background-image:url("img/tlo/tlo_linkow.gif");
  margin-left: auto;
  margin-right: auto;
  width:1024px;
  height:145px;
}

#linki{
  float: left;
  margin-top: 2px;
}
.aktualnosci{
  margin-left:26px;
}
.o_firmie{
  margin-left:40px;
}
.produkty{
  margin-left:40px;
}
.kariera{
  margin-left:42px;
}
.zostan_przedstawicielem{
  margin-left:40px;
}.kontakt{
  margin-left:9px;
}

#tresc {
  padding-left: 150px;
  padding-right: 120px;
  width:1024px;
}
#tresc .kolumna {
  float: left;
}

#przedstawiciele_srodek {
  color:white;
  background-image:url("img/tlo/przedstawiciele_srodek.png");
  width: 198px;
  right: 61px;
  margin-left: -136px;
}
#przedstawiciele_dol{
  background-image:url("img/tlo/przedstawiciele_dol.png");
  width: 198px;
  height: 16px;
  right: 61px;
}
#tresc_srodek {
  background-image:url("img/tlo/tresc_srodek.png");
  width: 758px;
  right: 23px;
  margin-left: 38px;


}
#tresc_dol{
  background-image:url("img/tlo/tresc_dol.png");
  width: 758px;
  height: 20px;
}

#stopka{
  background-image:url("img/tlo/stopka.png");
  width: 1007px;
  height: 40px;
  margin-left: 7px;
  position: fixed;
  bottom: 0px;
}
#stopka_tekst{
  margin-top:9px;
}

a img {
  border: none;
}

h1{
  font-size: 20px;
}
h2{
  font-size: 14px;
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}

.prawa_strona_o_firmie_ulotki{
  float: right;
  overflow: visible;
}

Gryf

4.02.2009, 20:54:01

a może jaśniej co ci nie działa pod ie i byś podał wersje, a najlepiej linka do strony

nigraS

5.02.2009, 07:26:57

wsadziłem stronę na serwer, pod firefoxem jest ok, a pod IP dolna część ucieka.
www.betterware.org

Lejto

5.02.2009, 09:16:39

może position: fixed; szkodzi w #stopka

nigraS

5.02.2009, 10:22:36

skasowałem position: fixed; i nic się nie zmieniło pod IE, a pod forefox stopka schowała się pod tresc i poszła sobie do góry.
Zauważyłem jeszcze, że gdy kliknie się na np. kariera pod IE, to tło znika i całość się przesuwa w lewo.

Gryf

5.02.2009, 18:20:32

co do stopki to dodaj clear:both; a temu div'owi a tekst na stopce musisz przesunąć przy pomocy padding'u

nigraS

12.02.2009, 09:30:37

czy o to chodzi, bo zrobiłem tak i problem nadal jest. :/

Kod

#stopka{
  background-image:url("img/tlo/stopka.png");
  width: 1007px;
  height: 40px;
  margin-left: 7px;
  clear:both;
  bottom: 0px;
}
#stopka_tekst{
  padding-top:10px;
}

zauważyłem, że jak wchodzi się w IE na podstronę, tło znika, a jak się odświeży, to się pojawia.

Czy potrafi mi ktoś pomóc, by strona działała też na IE?

skasowałem

Kod

<-- --------------------------- -->

i dałem

Kod

<-- =================== -->

jest prawie dobrze, teraz kolumny się nie rozjeżdżają, ale strona nie jest wyśrodkowana i brak czarnego tła, czy ktoś wie jak to naprawić?

webasek

12.02.2009, 10:22:51

Widziałem, że gdzieś tam masz margin-left -135px nie stosuj minusów bo zacznie uciekać tak jak jest pod IE 6.0. Pomyśl nad czymś innym. IE trochę inaczej od firefoxa interpretuje px.
Poprawianie jest ciężkie ale tylko metoda prób da skutek

nigraS

16.02.2009, 10:57:13

zamiast margin-left -135px daję margin-right Xpx ? i nic się nie zmienia...

Proszę, jeśli ktoś wie jak mi pomóc, proszę napisać..

i jak tam?
ma ktoś jakis pomysł?

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.