[CSS] Problem IE a FF

Stworzyłem stronkę i jak się dowiedziałem nie otwiera ona się w IE poprawnie, gdyż podczas tworzenia testowałem ją na FF , stronkę pisze w HTML/CSS i podobno problem ten łatwo można rozwiązać dodając coś w DIV

oto CSS:

#logo1{
position: fixed;
left: 0px;
top: 0px;
width: 200px;
height: 100px;
background: url(logo1.gif);
}

#logo2{
position: fixed;
left: 200px;
top: 0px;
width: 200px;
height: 100px;
background: url(logo2.gif);
}

#logo3{
position: fixed;
left: 400px;
top:  0px;
width: 200px;
height: 100px;
background: url(logo3.gif);
}

#logo4{
position: fixed;
left: 600px;
top: 0px;
width: 200px;
height: 100px;
background: url(logo4.gif);
}

#logo1r{
position: fixed;
left: 0px;
top: 100px;
width: 200px;
height: 80px;
background: url(logo1r.gif);
}

#logo2r{
position: fixed;
left: 200px;
top: 100px;
width: 300px;
height: 50px;
background: url(logo2r.gif);
}

#logo3r{
position: fixed;
left: 500px;
top: 100px;
width: 300px;
height: 50px;
background: url(logo3r.gif);
}

#menurl{
position: fixed;
left: 0px;
top: 180px;
width: 10px;
height: 420px;
background: url(menurl.gif);
}

#menurp{
position: fixed;
left: 140px;
top: 180px;
width: 60px;
height: 420px;
background: url(menurp.gif);
}

#menurd{
position: fixed;
left: 10px;
top: 580px;
width: 130px;
height: 20px;
background: url(menurd.gif);
}

#glowna{
position: fixed;
left: 200px;
top: 150px;
width: 570px;
height: 430px;
background: url(glowna.gif);
}


#glownard1{
position: fixed;
left: 200px;
top: 580px;
width: 300px;
height: 20px;
background: url(glownard1.gif);
}

#glownard2{
position: fixed;
left: 500px;
top: 580px;
width: 300px;
height: 20px;
background: url(glownard2.gif);
}

#glownarp{
position: fixed;
left: 770px;
top: 150px;
width: 30px;
height: 430px;
background: url(glownarp.gif);
}

/*menu*/

#menu{
position: fixed;
left: 10px;
top: 180px;
width: 130px;
height: 400px;
background: url(menu.gif);
}


a.menu:link { 
display:block;
width:120px;
height:20px;
background-color: #a61d1d;
color:f6bfbf;
padding:5px 0px;
text-decoration:none;
text-align:center;
border:1px solid #ffd1e1;
}
a.menu:visited { 
display:block;
width:120px;
height:30px;
background-color: #751414;
color:grey;
padding:5px 0px
text-decoration:none;
text-align:center;
border:1px solid #ffd1e1;
}
a.menu:hover { 
display:block;
width:115px;
height:25px;
background-color: #e12929;
color:e27b1f;
padding:5px 0px;
text-decoration:none;
text-align:center;
border:1px solid #ffffff;
}
a.menu:active { 
display:block;
width:110px;
height:40px;
background-color: #ff7474;
color:black;
padding:5px 0px;
text-decoration:none;
text-align:center;
border:1px solid #ffd1e1;}
/*suwaki*/

body {

scrollbar-face-color: #a40404; 
scrollbar-track-color: #fc544c; 
scrollbar-arrow-color: #cc0c0c; 
scrollbar-3dlight-color: #ae2828; 
scrollbar-highlight-color: #c20808; 
scrollbar-shadow-color: #7b1313; 
scrollbar-darkshadow-color: #f0a2a2; 
}

I właśnie FF otwiera stronkę dobrze a IE źle ... podobno spowodowane jest to jak już wcześniej wspomniałem tym, że testowałem stronę w FF, tak powiedziano mi w szkole ;|

prefix! - Cold

Dla mnie to tu wszystko jest źle... Ale raczej chodzi o to, że w FF jest źle wyświetlana w przeciwieństwie do IE. Chodzi tu o "wcięcia". Było ostatnio o tym na <url>www.webcity.pl</url>. Nie zamykasz znaczników i źle umieściłeś IFRAME.

I bez kodu CSS trudno nam będzie cokolwiek powiedzieć.

na początek spróbuj pozamykać wszystkie DIVy, które pootwierałeś. Kazdy div musi zostać zamknięty. Np.

z taką konstrukcją IE ma problemy więc lepiej stosować to pierwsze rozwiązanie

niestety chyba kłopot nie tkwił w nieprawidłowo zamkniętych czy w ogóle nie zamkniętych div-ach, po prostu zastępowane one były kolejnymi. Mój profesor twierdzi że trzeba dodać jakiś DIV, gdyż strona była testowana w FF , więc działa niepoprawnie w IE, Ci którzy projekty testowali w IE mają problem z przeglądaniem strony w FF

bo strone sie robie według standardów, a nie żeby działała pod jakąś przeglądarką.
http://validator.w3.org/ sprawdź stronke tutaj,
a CSSa tutaj http://jigsaw.w3.org/css-validator/

z drugiej strony, standardy standardami, a IE ma i tak swój standard :D

a ja powiem tak: zamiast position:fixed spróbuj dać absolute ;)

TeWuX napisał(a)

bo strone sie robie według standardów, a nie żeby działała pod jakąś przeglądarką.
http://validator.w3.org/ sprawdź stronke tutaj,
a CSSa tutaj http://jigsaw.w3.org/css-validator/

z drugiej strony, standardy standardami, a IE ma i tak swój standard :D

Świetnie źródło strony ma standardy podane w głównym index.html ... -_-

nul napisał(a)

a ja powiem tak: zamiast position:fixed spróbuj dać absolute ;)

Teraz dużo lepiej się wczytuje więc na pewno kłopot tkwił także w tym, lecz tło z menu nie wczytuje się idealnie na swojej pozycji, tzn. wczytuje się lecz jakby 130% szerokości, zmieniałem wartości lecz nie reaguje na to. poza tym nie wczytuje się tło z #glowna

jeśli nie chcesz żeby tło się npowtarzało to użyj takiej konstrukcji:
cos {background:#kolor/transparent url('plik') no-repeat/repeat/repeat-x/repeat-y;

Niepotrzebne skreślić