pod firefox'em ok, pod IE problemy... Opcje

[nigraS]

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;
}

Ten post edytował nigraS 5.02.2009, 07:22:42

[Gryf]

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

[nigraS]

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

[Lejto]

może position: fixed; szkodzi w #stopka

[nigraS]

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]

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

[nigraS]

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ć?

Ten post edytował nigraS 6.02.2009, 18:38:06

[webasek]

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]

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ł?

Ten post edytował nigraS 14.02.2009, 18:36:10