Firefox alatt nem jelenik meg a CSS style. Hogyan lehet megjeleníteni?
Sziasztok
A problémám a következő: csináltam egy honlapot free css style-al. Dreaweaver-el megnéztem az előnzétetet és szépen megjelenik firefox alatt és chrome alatt is és internet explorer alatt is. Feltettem a szerverre (novell) és csak internet explorerrel jelenik meg a CSS style. Firfox alatt mindenféle háttér nélkül (csupaszoon) jelenik meg az oldal.
Remélem tud valaki segíteni mert kifogytam az ötletekből.
Előre is közsönöm.
Üdvzözlettel: Lujó
Na szval a css free style a következő:
/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
body { margin: 0pt;
padding: 0pt;
background: rgb(234, 211, 61) none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
text-transform: none;
opacity: 1;
color: rgb(102, 102, 102);
}
h1, h2, h3 { margin: 0pt;
padding: 0pt;
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: normal;
color: rgb(24, 24, 24);
}
h1 { font-size: 2em;
}
h2 { font-size: 2em;
}
h3 { font-size: 1.6em;
}
p, ul, ol { margin-top: 0pt;
line-height: 180%;
}
ul, ol { }
a { text-decoration: none;
color: rgb(70, 70, 70);
}
a:hover { }
#wrapper { margin: 0pt auto;
padding: 0pt;
background: transparent url(images/img05.jpg) repeat-x scroll left top;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
#header-wrapper { }
#header { margin: 0pt auto;
background: transparent url(images/img03.jpg) no-repeat scroll right bottom;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
width: 960px;
height: 240px;
}
#logo { margin: 0pt;
padding: 0px;
float: left;
height: 240px;
color: rgb(255, 255, 255);
}
#logo h1, #logo p { margin: 0pt;
padding: 0pt;
}
#logo h1 { padding-top: 110px;
padding-left: 10px;
letter-spacing: -1px;
font-size: 4.6em;
text-transform: none;
color: rgb(0, 0, 0);
}
#logo h1 a { color: rgb(0, 0, 0);
}
#logo p { padding: 12px 0pt 0pt 10px;
margin-top: -20px;
font-family: Georgia,"Times New Roman",Times,serif;
font-variant: normal;
font-weight: normal;
font-size: 14px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
font-style: italic;
color: rgb(70, 70, 70);
}
#logo a { border: medium none ;
background: transparent none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
text-decoration: none;
color: rgb(70, 70, 70);
}
#search { padding: 0pt;
float: right;
width: 279px;
height: 110px;
}
#search form { margin: 0pt;
padding: 10px 0pt 0pt 30px;
height: 41px;
}
#search fieldset { border: medium none ;
margin: 0pt;
padding: 0pt;
}
#search-text { border: 1px solid rgb(76, 72, 66);
padding: 6px 10px;
background: transparent none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
width: 195px;
text-transform: lowercase;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: rgb(128, 128, 128);
}
#search-submit { display: none;
}
#menu { margin: 0pt auto;
padding: 0pt;
background: rgb(0, 0, 0) none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
width: 940px;
height: 40px;
}
#menu ul { margin: 0pt;
padding: 0px 0px 0px 25px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
line-height: normal;
}
#menu li { float: left;
}
#menu a { border: medium none ;
padding: 12px 40px 0px;
background: transparent url(images/img06.jpg) no-repeat scroll right 10px;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
display: block;
height: 18px;
margin-right: 3px;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: rgb(255, 255, 255);
}
#menu a:hover, #menu .current_page_item a { }
#menu .current_page_item a { padding-left: 0pt;
}
#menu a:hover { text-decoration: underline;
}
#page { margin: 0pt auto;
padding: 0pt;
background: transparent url(images/img01.jpg) repeat-y scroll left top;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
width: 960px;
}
#page-bgtop { }
#page-bgbtm { padding: 30px 20px 0px;
}
#content { padding: 0pt;
float: right;
width: 680px;
}
.post { }
.post .title { padding: 12px 0pt 0pt 20px;
height: 38px;
letter-spacing: -0.5px;
color: rgb(0, 0, 0);
}
.post .title a { border: medium none ;
color: rgb(43, 43, 43);
}
.post .meta { background: transparent url(images/img04.jpg) no-repeat scroll left 6px;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
margin-top: -10px;
padding-bottom: 5px;
margin-left: 20px;
padding-left: 15px;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-style: italic;
color: rgb(227, 41, 91);
}
.post .meta a { color: rgb(0, 0, 0);
}
.post .entry { padding: 30px 20px 10px;
text-align: justify;
margin-bottom: 25px;
}
.links { margin: 20px 0px;
padding: 3px;
background: rgb(227, 41, 91) none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
display: block;
width: 100px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: rgb(255, 255, 255);
}
#sidebar { float: left;
width: 230px;
}
#sidebar ul { margin: 0pt;
padding: 0pt;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#sidebar li { margin: 0pt;
padding: 0pt;
}
#sidebar li ul { padding-bottom: 30px;
}
#sidebar li li { border-bottom: 1px dashed rgb(200, 176, 50);
line-height: 35px;
}
#sidebar li li span { padding: 0pt;
display: block;
font-size: 11px;
font-style: italic;
}
#sidebar h2 { padding: 12px 0pt 0pt 0px;
height: 38px;
letter-spacing: -0.5px;
color: rgb(24, 24, 24);
text-transform: none;
font-size: 150%;
}
#sidebar p { margin: 0pt 0px;
padding: 0px 20px 20px 0px;
text-align: justify;
}
#sidebar a { border: medium none ;
}
#sidebar a:hover { text-decoration: underline;
}
#calendar { }
#calendar_wrap { padding: 20px;
}
#calendar table { width: 100%;
}
#calendar tbody td { text-align: center;
}
#calendar #next { text-align: right;
}
#footer-wrapper { }
#footer { margin: 0pt auto;
padding: 0px 0pt 15px;
background: transparent url(images/img02.jpg) no-repeat scroll left top;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
width: 960px;
height: 100px;
font-family: Arial,Helvetica,sans-serif;
}
#footer p { margin: 0pt;
padding-top: 40px;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: rgb(70, 70, 70);
}
#footer a { color: rgb(0, 0, 0);
}
A weblap pedig a következő: www.vpkszk.sulinet.hu
Köszönöm a segítséget.
Ezt a sort cseréld le: <link href="style.css" rel="stylesheet" type="text/css" media="screen">
Erre: <LINK REL=StyleSheet HREF='/style.css' TYPE='text/css'>
A felesleges sorokat meg szerintem takarítsd ki mert bődületes hogy 2 sor között van ~100 üres.
Szia
Esetleg nem tudsz vmi módszert arra, hogy ne manuálisan sorról sorra haladva kelljen törölnöm ezeket az üres sorokoat? Mert ez így nagyon-nagyon sok idő.
Köszönöm.
Üdv: Lujó
szia!
A tervezíód volt a helyes arra írd vissza css behívást és egészísd ki egy ilyen tag-el a headben:
<base href="http://www.vpkszk.sulinet.hu/" target="_self">
A target helyet írhatsz amit akkarsz ez lesz a deffult érték az oldalon tehát hogy ha mindehol csak ennyi van: <a href="valami.php" >IDE</a> akkor az nyítási methodika lesz érvényes ami a targetben van.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!