Szerző Téma: Problémák Mozilla Firefoxban (Megtekintve 4535 alkalommal)

ratoc · « **Válasz #24 Dátum:** 2010. július 08., 12:42:26 »

Idézetet írta: rajmund - 2010. július 07., 22:19:37

Kezdek leszállni googleról, mert annyira nem jó segítség mint ahogy néhányan istenítik :/

arra nem gondoltál még esetleg, hogy rosszul próbálod keresni?

rajmund · « **Válasz #23 Dátum:** 2010. július 07., 22:19:37 »

Esetleg valaki tud egyszerű módszert arra, hogy Ff-ben beállítsuk a file input szélességét? Googlen találtam egyet, de ha csak ilyen nyakatekert megoldások vannak, akkor inkább a div szélességét növelem:D
Elküldve:: 2010. Július 07. 21:01:00

Idézetet írta: rajmund - 2010. július 07., 21:01:00

Esetleg valaki tud egyszerű módszert arra, hogy Ff-ben beállítsuk a file input szélességét? Googlen találtam egyet, de ha csak ilyen nyakatekert megoldások vannak, akkor inkább a div szélességét növelem:D

Bocsi, megvan töröljétek ki a postokat, megoldás: size=5. Kezdek leszállni googleról, mert annyira nem jó segítség mint ahogy néhányan istenítik :/ Merthogy fél óráig kerestem a megoldást, de mindenhol oldalas javascriptek meg css kódokat adtak megfejtésül, na mind1 xD

Rimelek · « **Válasz #22 Dátum:** 2010. március 12., 19:10:11 »

Idézetet írta: rajmund - 2010. március 12., 17:09:28

tutorialokból így tanultam meg hogy lehet egyenlőség jel meg nem kell px :/

Nem tudom hol írnak ilyen tutorialt, de azokat az oldalakat eztán kerüld el messzire.
Vagy összekeverted javascript-tel, vagy olyan esettel, amikor van css-ben egyenlőség jel, de az nem ez az eset. mértékegység meg css-ben mindig kell. Csak a 0 értéket nem kell mértékegységezni. Mert a nulla mindenhol nulla.

rajmund · « **Válasz #21 Dátum:** 2010. március 12., 17:09:28 »

Bocsi, ritkán használok mozillát, és tutorialokból így tanultam meg hogy lehet egyenlőség jel meg nem kell px :/

Köszi mindenkinek és legközelebb gondolkodok mielőtt postolok xD

Rimelek · « **Válasz #20 Dátum:** 2010. március 12., 17:06:30 »

Plusz a szélességnek és magasságnak kéne mértékegység. És a background-repeat -nek nincs olyan értéke, hogy yes.
http://www.w3schools.com/css/pr_background-repeat.asp

A div-ekben meg szintén egyenlőség jel hiba. És aposztrófban a margin-left pár helyen.

Hát igen. Szidtam már én is az IE-t, és rájöttem utána, hogy én voltam a barom. Mondjuk az javascript volt. De lényegtelen.

Warner · « **Válasz #19 Dátum:** 2010. március 12., 16:59:43 »

Idézetet írta: rajmund - 2010. március 12., 16:30:49

A másik kérdésem az lenne, hogy miért van ennyi különbség a mozilla és az IE css-értelmezője közt? Illetve akadhatnak hibák operán, safarin, és chrome on is, ha már mozillán és exploreren működik valami?

Azért, mert az egyik böngésző megpróbálja a szintaktikailag tök hibás kódot is értelmezni, a másik pedig nem.
Nem a böngészőkkel van tehát a baj, hanem azzal, hogy hibás, amit írsz. Ráadásul annyira süt róla, hogy csoda, hogy nem veszed észre.

Ez pl. mi?

Kód: CSS

width=520;
height=400;

Esetleg:

Kód: CSS

width: 520px;
height: 400px;

Érdekes módon, 1 sorral feljebb még tudtad, hogy : kell és nem =.

rajmund · « **Válasz #18 Dátum:** 2010. március 12., 16:30:49 »

Hojrehuttáljejíhúúú!

Gyerekek, imádon ezt a css-t, eddig 1 olyan kódom nem volt még ahol ne lettek volna gondok a másik böngészőn....

Ezúttal mozillában nem jelenít meg semmit az alábbi kódból:

A másik kérdésem az lenne, hogy miért van ennyi különbség a mozilla és az IE css-értelmezője közt? Illetve akadhatnak hibák operán, safarin, és chrome on is, ha már mozillán és exploreren működik valami?

Köszi előre is

Kód: [Kijelölés]

<head>
<style>
.myd
{
background-image:url('grass.png');
background-repeat:yes;
width=520;
height=400;
}
</style>
</head>
<body>
52, 68
<div align=middle class="myd">
<div style="position:absolute; width=135; height=117; background-image:url('kg.png'); margin-top=0px; margin-left:475px;"></div>
<div style="position:absolute; width=135; height=117; background-image:url('kg.png'); margin-top=52px; margin-left:'407px';"></div>
<div style="position:absolute; width=135; height=117; background-image:url('kg.png'); margin-top=104px; margin-left:'339px';"></div>
<div style="position:absolute; width=135; height=117; background-image:url('kg.png'); margin-top=156px; margin-left:'271px';"></div>
<div style="position:absolute; width=135; height=117; background-image:url('kg.png'); margin-top=208px; margin-left:'203px';"></div>
<div style="position:absolute; width=135; height=117; background-image:url('kg.png'); margin-top=260px; margin-left:'135px';"></div>
<div style="position:absolute; width=135; height=117; background-image:url('kat.png'); margin-top=312px; margin-left:'67px';"></div>
<div style="position:absolute; width=135; height=117; background-image:url('kg.png'); margin-top=364px; margin-left:'-1px';"></div>


</div>
</body>

djereg · « **Válasz #17 Dátum:** 2010. január 28., 09:33:07 »

Idézetet írta: Monique - 2009. január 25., 21:11:34

Sziasztok, hogyan tudom azt megadni css-ben, hogy rugalmas legyen a szövegbox a szöveghez. Az explorerben nincs probléma vele minden lap szépen megjelenik, de firefoxban a height-nek megadott 150%-os méret, hol soknak, hol kevésnek bizonyul. Ami még kellhet, hogy ez nem egy háttér, mert az külön van, hanem a háttér elé, egy fehér szövegdobozt készítettem, amit először fixáltam, de úgy sem bizonyult jónak, aztán 150 %-ot adtam neki, de az meg hol soknak, hol jónak, hol meg kevésnek bizonyul.

Ezért szeretném, ha ruglmas lenne!

Köszönöm, Monique

CSS: min-height: ...px; ha hosszabb a szöveged vele együtt nyúlik a szövegdoboz is, viszont azt hiszem, ez csak akkor működik, ha ott a "float: left;" is... vagy right... alkalmazástól függően...

rajmund · « **Válasz #16 Dátum:** 2010. január 20., 20:53:23 »

Értem, működik, köszi

Keveqiah · « **Válasz #15 Dátum:** 2010. január 20., 20:51:37 »

display: block;

Egyébként érdemes ilyenkor megadni neki egy bordert is, hogy lásd mi hogy változik.. mert lehet csak vakon bütykölsz. ha minden megfelelő, akkor pedig visszaállítod a bordert 0-ra.

rajmund · « **Válasz #14 Dátum:** 2010. január 20., 20:50:43 »

Sziaztok!

Az a bajom, hogy a mozilla tojik értelmezni a height/width értékeket:

<style>.menu {
background-repeat: no-repeat;
background-position: center center;
background-image: url(bg1.png);
width: 204px;
height: 29px;
align: middle;
}
</style>

<a href="" id="this1" class="menu">asd</a><br>

Ó miért?

tbence · « **Válasz #13 Dátum:** 2009. május 24., 11:08:14 »

jó kis kérdés ... de nem értelek teljesen most az a bajod hogy mozillában és IE -ban más mértű a szöve és mindíg máshová kerül és más mérete lessz a szövegdobozod??? csak emrt ha ez amiatt van hogy a Mozilla és az IE más méretben jeleníti meg a szöveget akkor esetleg ha ez a baj akkor meg lehet esetleg úgy is csinálni hogy beszúrogatsz a kódba böngészőtől függő szöveg méretezéseket... vagy formázásokat...
Pl:

Monique · « **Válasz #12 Dátum:** 2009. január 25., 21:11:34 »

Sziasztok, hogyan tudom azt megadni css-ben, hogy rugalmas legyen a szövegbox a szöveghez. Az explorerben nincs probléma vele minden lap szépen megjelenik, de firefoxban a height-nek megadott 150%-os méret, hol soknak, hol kevésnek bizonyul. Ami még kellhet, hogy ez nem egy háttér, mert az külön van, hanem a háttér elé, egy fehér szövegdobozt készítettem, amit először fixáltam, de úgy sem bizonyult jónak, aztán 150 %-ot adtam neki, de az meg hol soknak, hol jónak, hol meg kevésnek bizonyul.

Ezért szeretném, ha ruglmas lenne!

Köszönöm, Monique

Rimelek · « **Válasz #11 Dátum:** 2008. december 22., 18:18:12 »

Én nem tudok ilyenről. google-vel is csak olyant találtam hogy már más is keresett rá megoldást.
Viszont firefox-nak nem szokása megoldhatatlan feladatok elé állítani az embert. Mit jelent az hogy másképp kezeli a margókat?
Biztos hogy egyértelműen megadtad a margót mindenhol?

tion74 · « **Válasz #10 Dátum:** 2008. december 20., 15:56:40 »

Üdv!

Van egy olyan próblémám, hogy a Firefox 2 és 3 máshogy értelmezi margókat... nos arra gondoltam, hogy feltételes formázásokat rakok bele az oldalba (mint FF és IE-nél meg lehet oldani). Tehát a kérdésem az lenne, hogy ezt meg lehet-e így oldani és ha igen, akkor milyen kóddal?

Danny · « **Válasz #9 Dátum:** 2008. december 07., 11:20:54 »

Idézetet írta: MadBence - 2008. december 07., 11:17:55

meg kéne nézni, hogy nem pozicionálja-e el. Amúgy valószínűleg az IE jeleníti meg hibásan, csak véletlen egybeesés, hogy az jó

Kód: CSS

#page {
        background: url(images/img04.jpg) no-repeat;
        width: 808px;
        padding: 0 76px 70px 76px;
}

Nincs benne semmi position sem. Nincs margin. Semmi ötletem nincs, és most már 3 napja ezzel szenvedek.

Az érdekes, hogy ha a height:et berakom 300px-re, akkor meg a teljeset megjeleníti, csak éppen olyan 70px-el lejebb mint kéne...

<madbence /> · « **Válasz #8 Dátum:** 2008. december 07., 11:17:55 »

meg kéne nézni, hogy nem pozicionálja-e el. Amúgy valószínűleg az IE jeleníti meg hibásan, csak véletlen egybeesés, hogy az jó

Danny · « **Válasz #7 Dátum:** 2008. december 07., 11:07:39 »

Sziasztok!

most csinálok egy oldalat, és közvetlenül a <header> rész alatt van egy ilyen csíkozás, ami IE-ben rendesen, de FF-ben meg a div alján jelenik meg (Képek mellékelve)

Itt a CSS kód (nem raktam be az egészet, csak a #content részig):

Kód: CSS

body {
        background: #F6F6F6 url(images/img01.jpg) repeat-x;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #6B6B6B;
}
 
form {
}
 
input, textarea {
        padding: 2px 5px;
        border: 1px solid #EBEBEB;
        font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #6B6B6B;
}
 
h1, h2, h3, h4 {
        margin: 0;
}
 
h2, h3, h4 {
        margin-bottom: 20px;
        padding-bottom: 9px;
        border-bottom: 1px solid #F2F2F2;
        letter-spacing: -0.035em;
        font-weight: normal;
        color: #37404C;
}
 
h2 {
        font-size: 28px;
}
 
h3 {
        font-size: 16px;
        font-weight: bold;
}
 
h4 {
        font-size: 14px;
        font-weight: bold;
}
 
p, ul, ol {
        margin-bottom: 1.5em;
        line-height: 170%;
        text-align: justify;
}
 
ul, ol {
        margin-left: 3em;
}
 
dl.list1 {
        margin: 0;
        padding: 0;
        list-style: none;
}
 
dl.list1 dt {
        float: left;
        width: 70px;
}
 
dl.list1 dd {
        margin-bottom: 10px;
}
 
dl.list1 a {
        color: #666666;
}
 
ul.list2 {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: normal;
}
 
ul.list2 li {
        float: left;
        margin: 0 18px 18px 0;
}
 
ul.list2 li.nopad {
        margin-right: 0;
}
 
blockquote {
        margin-left: 3em;
        margin-right: 3em;
}
 
/**/
 
a img {
        border: none;
}
 
img.left {
        float: left;
        margin: 5px 20px 0 0;
}
 
img.right {
        float: right;
        margin: 5px 0 0 20px;
}
 
/* Wrapper */
 
#wrapper {
        width: 960px;
        margin: 0 auto;
        background: url(images/img02.jpg) repeat-y;
}
 
#wrapper2 {
        background: url(images/img10.jpg) no-repeat left bottom;
}
 
/* Header */
 
#header {
        height: 140px;
        background: #087FE7 url(images/img03.jpg) no-repeat;
}
 
/* Logo */
 
#logo {
        float: left;
        width: 435px;
}
 
#logo h1 {
        margin: 0;
        padding: 30px 0 20px 78px;
        letter-spacing: -2px;
        font-size: 27px;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        
}
 
#logo h1 a {
        text-decoration: none;
        color: #FFFFFF;
}
 
/* Menu */
 
#menu {
        float: right;
}
 
#menu ul {
        margin: 0;
        padding: 112px 78px 0 0;
        list-style: none;
        line-height: normal;
}
 
#menu li {
        display: inline;
}
 
#menu a {
        padding-left: 40px;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
}
 
#menu a:hover {
        text-decoration: underline;
}
 
/* Page */
 
#page {
        background: url(images/img04.jpg) no-repeat;
        width: 808px;
        padding: 0 76px 70px 76px;
}
#nevnap {
        text-align: center;
        margin: 50px 0 30px 0;
}
 
/* Content */

Ez meg a html(itt sem ment az egész):

Kód: HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Szt. Orsoyla Dök</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
        <div id="wrapper2">
                <div id="header">
                        <div id="logo">
                                <h1>Szent Orsolya Iskola<br />Diákönkormányzat</h1>
                        </div>
                        <div id="menu">
                                <ul>
                        <li><a href="?action=fo">Főoldal</a></li>
                    <li class="first"><a href="#">Hírek</a></li>
                    <li><a href="?action=sources/video">Videók</a></li>
                    <li><a href="?action=admin/video">Admin_Video</a></li>
 
                                </ul>
                        </div>
                </div>
                <!-- end #header -->
                <div id="page">
         <div id="nevnap">Ma Elza napja van. Sok boldogságot kívánunk!</div>
                        <div id="content">
           
                                <div class="post">
                                        <h2 class="title"><a href="#">Legfrissebb hírünk</a></h2>
                                        <div class="entry">

Maga a csíkozás az a #page részben az img04.jpg

Gabesz08 · « **Válasz #6 Dátum:** 2008. október 13., 17:50:07 »

Köszi szépen, frankón működik!

Danny · « **Válasz #5 Dátum:** 2008. október 13., 16:52:50 »

Hello

Ezt:

Kód: PHP

<link href="themes/style.css" type="text/css">

Cserél ki ezzel, és működni fog:

Kód: PHP

<link rel="stylesheet" title="text/css" href="themes/style.css" />

Gabesz08 · « **Válasz #4 Dátum:** 2008. október 13., 15:09:39 »

Hello!

Az lenne a problémám, hogy a cms rendszeremhez tartozó css file minden gond nélkül működik Apple Safari alatt, viszont IE és Mozilla firefox alatt nem. Mintha nem is létezne a css file.

Valakinek ha lenne tanácsa ezzel kapcsolatban, akkor kérlek írjatok.

Köszönöm!

main.php

Kód: PHP

<?php
include ("system/config.php");
?>
<html>
<head>
<link href="themes/style.css" type="text/css">
</head>
<body>
<div class="kozepresz">
                <div class="fejlec">
                        <? echo $sitename; ?> 
                </div>
                
                
                <div class="balsav"> 
                                <div class="cimke">
                                        Menü<br>
                                
                                        <a href="index.php?get=news">Hírek</a><br>
                                        <a href="index.php?get=articles">Cikkek</a>
                                </div>
                        
                                <div class="cimke">
                                        Bejelentkezés
                                </div>
                                
                                <div class="cimke">
                                        Remklám
                                </div>
                                
                                                
                </div>
                
                <div class="tartalom">
                        A container szélessége alapvetően az egész oldal szélességét határozza meg. Látszik,
                        hogy az oldal ki fogja tölteni a teljes ablakszélességet. A margin és border tulajdonságok
                        már ismerősek, csak erre a dobozra lesznek hatással, míg a line-height öröklődni fog a
                        tartalmazott dobozok irányába. Ehhez hasonlóan színeket, betűtípusokat szokás ilyen
                        módon, egységesen megadni.
                </div>
                
                <div class="lablec">
                        Minden jog fenntartva! 2008 Magyar Gábor | Siteversion: <? echo $sitever; ?>
                </div>
 
</div>
</body>
</html>
 
 
 
 
 

és a css:

Kód: CSS

body {
        background-color: black;
        font-family: tahoma;
        color: white;
}
 
.kozepresz {
        width: 100%;
        margin: 0px;
        border: 1px solid white;
        line-height: 150%;
}
 
.fejlec {
        padding: 0.5em;
        color: white;
        background-color: gray;
        clear: left;
}
 
.tartalom {
        margin-left: 180px;
        padding: 1em;
        font-size: 11px;
        
        
}
 
.balsav {
        float: left;
        width: 180px;
        margin: 0;
        text-align: center;
        font-size: 14px;
}
 
.cimke {
        margin: 0;
        padding: 1em;
        text-align: center;
        font-size: 11px;
        background-color: gray;
}
 
.lablec {
        padding: 0.5em;
        color: white;
        background-color: gray;
        clear: left;
        font-size: 11px;
}

Suttogó · « **Válasz #3 Dátum:** 2008. augusztus 24., 18:00:28 »

Köszönöm!

Warner · « **Válasz #2 Dátum:** 2008. augusztus 24., 17:56:58 »

Voálá:

Kód: CSS

#also{
        clear: both;
        float: none;
        width: 750px;
        background-color: yellow;
        }

Így meggyőződik róla, hogy az adott elem mellett semmi ne legyen, ergo a többi alá kerül.

Suttogó · « **Válasz #1 Dátum:** 2008. augusztus 24., 17:15:27 »

Segítsetek hogy oldjam meg hogy Ezt jól jelenítse meg a Firefox is:
Body rész:

Kód: HTML

        <body>
                <div id="keret">
                        <div id="fejlec">
                        Fejléc része
                        </div>
                        <div id="kozep">
                        <div id="menu">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum tincidunt, nunc et pharetra adipiscing, risus metus molestie pede, a volutpat. 
                        </div>
                        <div id="tartalom">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras porttitor risus non leo. Praesent non quam. Integer rhoncus nisl varius sem. Morbi consectetuer rhoncus lacus. Suspendisse ut leo. Quisque ultricies nisi ut dolor. Maecenas arcu orci, tincidunt nec, adipiscing rhoncus, dapibus ut, magna. Donec malesuada. Suspendisse quis turpis ut velit molestie dignissim. Nulla nisi erat, luctus at, aliquam id, gravida nec, libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed pede massa, sagittis sit amet, viverra at, gravida laoreet, nunc. Donec vel ante molestie magna pellentesque hendrerit. Nunc faucibus, est posuere aliquam aliquet, enim urna vestibulum dolor, quis mattis nisi lorem vel nunc.
 
Etiam aliquet, nunc sed bibendum euismod, ipsum eros pharetra leo, eu posuere nulla libero sed magna. Fusce est arcu, elementum vel, volutpat non, tempus eu, ipsum. Phasellus elementum pede a pede. Sed ultrices pretium quam. Ut porta. In euismod ultrices ligula. Cras et tortor. Aenean eros augue, consequat sed, semper eget, porttitor a, sapien. Sed quam. Morbi quis lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur tincidunt mauris et tortor. Nulla facilisi. Donec ultrices lorem non felis. Suspendisse sagittis lacus a lectus. Nunc tempor. Nam pellentesque.
 
Duis eget nunc. Suspendisse velit lacus, pellentesque sit amet, iaculis vel, pharetra quis, odio. Vivamus a arcu sed tortor cursus ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla mauris mi, sodales vel, ullamcorper ut, varius et, sem. Sed magna purus, eleifend feugiat, egestas a, mattis vel, neque. Nulla facilisi. Aliquam erat volutpat. In dignissim suscipit tortor. Aenean libero ante, pulvinar quis, bibendum nec, elementum at, elit. Vestibulum venenatis orci ut lacus. Mauris interdum enim non justo.
 
Nullam lectus nisl, tempor ac, vehicula sed, viverra eu, sem. Maecenas eget tortor eget quam eleifend dapibus. Fusce ultrices sapien at arcu. Nunc ligula. Aliquam id urna non est pharetra posuere. Vivamus porttitor libero quis sem. Integer sed turpis. Suspendisse semper, odio a rhoncus facilisis, lacus sapien pellentesque purus, ac ornare velit nisi non odio. Quisque aliquet augue vel turpis. Praesent tempus purus porta sem. Fusce tincidunt. In hac habitasse platea dictumst. Nulla felis libero, euismod at, congue ac, posuere non, lectus. In hac habitasse platea dictumst. Nam pretium, magna non adipiscing mollis, magna dolor facilisis tellus, vitae tempus magna pede sed diam. Nulla facilisi. Integer fermentum quam non orci. Suspendisse potenti.
 
Curabitur molestie augue. Mauris sagittis dolor vel tortor. Quisque vitae nisi non risus sodales dignissim. Vivamus imperdiet tortor non orci. Maecenas rhoncus, velit id luctus interdum, est ipsum porttitor sapien, vel aliquet erat nisi vel nulla. Praesent congue, mauris at pellentesque hendrerit, dolor eros ultricies velit, id ullamcorper nisl quam ut magna. Aliquam erat volutpat. Praesent porta pellentesque nisl. Pellentesque luctus. Quisque aliquet auctor justo. Vestibulum nibh nisi, fermentum a, porttitor sit amet, viverra ut, sem. Sed eu velit. 
                        </div>
                        </div>
                        <div id="also">
                        Copyright szöveg vagy ilyesmi;
                        </div>
                </div>

ÉS a css hozzá:

Kód: CSS

body{
        /* Oldal alapbeállításai*/
        padding: 0px;
        margin: 0px;
        text-align: center;
        }
#keret{
        width: 750px;
        background-color: red;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        }
#fejlec{
        width: 750px;
        height: 100px;
        background-color: orange;
        }
#kozep{
        padding-left: 15px;
        padding-right: 15px;
        }
#menu{
        padding: 0px;
        width:150px;
        float: left;
        background-color: green;
        }
#tartalom{
        padding: 0px;
        float: right;
        width: 570px;
        background-color: blue;
        }
#also{
        float: none;
        width: 750px;
        background-color: yellow;
        }

Azt szeretném ha úgy nézne ki mint ahogy az IE7 jeleníti meg.