CSS Level 2 használatát nem tudom megoldani Netscape ill. Firefox legújabb verzióival!
Sziasztok!
Segítségetek szeretném kérni, a jól megírt webáruházam tartalmát css segítségével helyeztem el ami IE 6.0 alatt kíválóan működik, de Netscape, ill. Firefox alatt nem hajlandó a rétegeket egymás felé alá helyezni.
Később rájöttem hogy talán azért nem ismeri a css-ben meghatározott z-index-et, top, left tulajdonságokat mert valószínűleg a Firefox és a Netscape csak a css level 1-et ismeri és abban nincsenek ilyen tulajdonságok.
Ha valaki tud módszert arra hogyan lehetne ezt kiköszöbölni esetleg valami kerülő úton lényeg hogy a layerek egymás felé alá és pozicionálva megjelenhessenek kérem írja meg!
Előre is köszönöm aki segítséget.
■ Segítségetek szeretném kérni, a jól megírt webáruházam tartalmát css segítségével helyeztem el ami IE 6.0 alatt kíválóan működik, de Netscape, ill. Firefox alatt nem hajlandó a rétegeket egymás felé alá helyezni.
Később rájöttem hogy talán azért nem ismeri a css-ben meghatározott z-index-et, top, left tulajdonságokat mert valószínűleg a Firefox és a Netscape csak a css level 1-et ismeri és abban nincsenek ilyen tulajdonságok.
Ha valaki tud módszert arra hogyan lehetne ezt kiköszöbölni esetleg valami kerülő úton lényeg hogy a layerek egymás felé alá és pozicionálva megjelenhessenek kérem írja meg!
Előre is köszönöm aki segítséget.
Dehogynem
Pont hogy a Firefox/Mozilla, Netscape és társai böngészők azok, amelyek kiválóan ismerik és valósítják meg a webes szabványokat. Ha küldesz kód részletet, akkor könnyebben megmondható, vajon hol lehet a hiba.
--
slink
Itt a teljes css fájlom kódja
{
font-family: Arial,Verdana;
font-weight: 12pt;
font-color: Black;
font-style : normal;
scrollbar-3dlight-color : #999999;
scrollbar-arrow-color : #999999;
scrollbar-base-color : #666666;
scrollbar-darkshadow-color : Black;
scrollbar-face-color : #666666;
scrollbar-highlight-color : #999999;
scrollbar-shadow-color : #999999;
scrollbar-track-color : #8B8B8B;
}
IMG
{
BORDER-LEFT-COLOR: #CADEF0; BORDER-BOTTOM-COLOR: #689ED8; BORDER-TOP-COLOR: #CADEF0; BORDER-RIGHT-COLOR: #689ED8;
}
A:link {
FONT-SIZE: 10pt;
COLOR: Navy;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none;
}
A:visited {
FONT-SIZE: 10pt;
COLOR: Navy;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none;
}
A:hover {
FONT-SIZE: 10pt;
COLOR: #1A74B2;
FONT-FAMILY: Verdana;
TEXT-DECORATION: underline;
FILTER: blur(add="128" direction="90", strength="8");
COLOR: #82bcd9; HEIGHT: 1px;
}
A:active {
FONT-SIZE: 10pt; COLOR: Navy;
FONT-FAMILY: Verdana; TEXT-DECORATION: underline
}
#smalltext {
FONT-SIZE: 10pt;
font-family : Times New Roman;
text-align : justify
}
.reg {
FONT-SIZE: 12px;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align : justify;
}
.udv
{
FONT-SIZE: 15px;
COLOR: red;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
#hirek {
FONT-SIZE: 7pt;
COLOR: Navy;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align : justify;
}
#menupont {
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif;
text-align : justify;
}
.cim {
FONT-SIZE: 8pt;
COLOR: Blue;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align : justify;
}
.cim2 {
FONT-SIZE: 10pt;
font-weight: bold;
;
COLOR: Black;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align : justify;
line-height: 15pt;
}
#menuitem {
FONT-SIZE: 12pt;
COLOR: #1A74B2;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align : justify;
}
#date {
FONT-SIZE: 7pt;
COLOR: Navy;
FONT-FAMILY: Arial, Helvetica, sans-serif;
text-align : justify;
}
FORM {
COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 13px
}
OPTION {
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}
TEXTAREA {
COLOR: Navy;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
}
INPUT {
COLOR: Navy;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}
SUBMITBUTTON{
background-color: Navy;
COLOR: White;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}
.inputtext {
border : thin ridge Navy;
font-family : Arial;
FONT-SIZE: 12px;
}
.submit {
border : thin ridge Navy;
font-family : Arial;
FONT-SIZE: 12px;
COLOR: White;
background-color: Navy;
}
.selection2 {
border : thin ridge Navy;
font-family : Arial;
FONT-SIZE: 12px;
}
.hircim{
FONT-SIZE: 9pt; COLOR: Navy; FONT-FAMILY: Arial; TEXT-DECORATION: none
}.
.border {
border: solid;
}
.keret {
border: 1px solid #000000;
}
#cegtortenet
{
position: absolute;
background-color: white;
border: 1px solid #000000;
left: 5;
top: 225;
z-index: 10;
}
#cegtortenet_shadow
{
position: absolute;
background-color: gray;
left: 10;
top: 230;
z-index: 9;
}
#menu
{
position: absolute;
background-color: white;
border: 1px solid #000000;
width: 950px;
height: 200px;
left: 5;
top: 10;
z-index: 10;
}
#menu_shadow
{
position: absolute;
background-color: gray;
width: 950px;
height: 205px;
left: 10;
top: 15;
z-index: 9;
}
#hirdetopanel
{
position: absolute;
border: 1px solid #000000;
background-color: gold;
width: 247px;
height: 800px;
left: 730;
top: 225;
z-index: 10;
}
#hirdetopanel_shadow
{
position: absolute;
background-color: gray;
width: 247px;
height: 800px;
left: 730;
top: 230;
z-index: 9;
}
#ajanljuk
{
position: absolute;
background-color: white;
border: 1px solid #000000;
width: 710px;
height: 250px;
left: 5;
top: 225;
z-index: 12;
}
#ajanljuk_shadow
{
position: absolute;
background-color: gray;
width: 710px;
height: 255px;
left: 8;
top: 230;
z-index: 11;
}
#kapcs
{
position: absolute;
background-color: white;
border: 1px solid #000000;
width: 710px;
height: 255px;
left: 5;
top: 225;
z-index: 14;
}
#kapcs_shadow
{
position: absolute;
background-color: gray;
width: 710px;
height: 258px;
left: 9;
top: 230;
z-index: 13;
}
#regisztracio
{
position: absolute;
background-color: white;
border: 1px solid #000000;
width: 710px;
height: 450px;
left: 5;
top: 225;
z-index: 16;
}
#regisztracio_shadow
{
position: absolute;
background-color: gray;
width: 710px;
height: 450px;
left: 10;
top: 230;
z-index: 15;
}
#aruhaz
{
position: absolute;
background-color: green;
width: 710px;
height: 450px;
border: 1px solid #000000;
left: 5;
top: 225;
z-index: 18;
}
#aruhaz_shadow
{
position: absolute;
background-color: gray;
left: 13;
top: 230;
z-index: 17;
}
#modosit
{
position: absolute;
background-color: gold;
border: 1px solid #000000;
width: 710px;
height: 550px;
left: 5;
top: 225;
z-index: 18;
}
#modosit_shadow
{
position: absolute;
background-color: gray;
width: 715px;
height: 550px;
left: 10;
top: 230;
z-index: 17;
}
#kosar
{
position: absolute;
background-color: white;
border: 1px solid #000000;
width: 710;
left: 5;
top: 225;
z-index: 18;
}
#kosar_shadow
{
position: absolute;
background-color: gray;
width: 711;
left: 10;
top: 228;
z-index: 17;
}
#pontos
{
position: absolute;
background-color: green;
width: 710px;
height: 450px;
border: 1px solid #000000;
left: 5;
top: 225;
z-index: 18;
}
#pontos_shadow
{
position: absolute;
background-color: gray;
left: 13;
top: 230;
z-index: 17;
}
Szerintem nézd meg egy
Jó néhány helyen hiányzik a pontosvessző pl.: #smalltext, form...
Jah meg mégegy.Talán
Talán érdemes kipróbálni, hogy ahol a position:absolute-ot használod ott beírod ezt is "display: block;"
más ötletem nincs egyenlőre!
Üdv.: Halee
Köszönöm a segítseteket
Köszi mégegyszer!
Zsolt
Hello!Csak csatlakozni
Csak csatlakozni tudok az előttem szólóhoz.
A FireFox sokkal pontosabban igazodik a szabványhoz, mint az IE, illetve nálam Firefoxban tökéletesen működik az említett z-index tulajdonság.
Az viszont okozhat problémát, hogy tapasztalatom szerint a Firefox, illetve 6.0-os előtti IE nem ismeri a "position: fixed;" megadási módot és ezekben kizárólag a "position:absolute;" használható!! Legalábbis én így vettem észre.
Aztán még hosszan sorolhatnám azt is, hogy mit nem csinál rendesen az IE.
Üdv.: Halee
position: fixed
Tesztoldal position: fixed-hez:
http://blog.aid.hu/file/position_fixed_teszt.html
Attila