Súgó - Keresés - Tagok - Naptár
Teljes változat: Fejlesztés különböző böngészőkre
PC WORLD Segélyvonal > WEBSAROK > Webszerkesztés, programozás > HTML
Oldalak: 1, 2
Priby
Nos, légyszíves nézzétek meg az oldalamat.
IE-vel semmi gond nincs, de Foxival jó nagy távolságok vannak a menük között.
Ha esetleg vkinek van egy kis ideje rá, hogy kicsit belenézzen a kódba, akkor megköszönöm! roll.gif

Ja és csak a főoldalon van a bibi...
Maverick
Mellékesen jegyzem meg, hogy Operával is jó... ani_wink.gif smile.gif
ocsi
Vagy kijavítottad a hibát, vagy az én firefoxom egy újabb frissítás (1.0.3), vagy én nem itéle meg ezt 'jó nagy távolság'-nak!

De általános tanács:
Csak összefüggő szövegnél használok <p> -t és a <br> -t is kerülöm mert a böngészők ezeket máshogy értelmezik! Persze ennek a hátránya az eszméletlen sok táblázat lehet... de viszont úgy néz ki ahogy én akarom! És böngésző független!
Ajnász
Vagy akár css-el beállíthatod hogy az adott br vagy egyéb elem mekkora margót hagyjon maga körül. ani_wink.gif
Priby
Valamiért nem jó. Ha esetleg nektek nem olyan, minr nekem, szívesen csinálok egy képet...

De olyan érdekes, hogy a többi lapon jó, csak a főoldalon nem. Valahol máshol van a hiba... angry.gif

@ Ocsi!
Igen, igazad van, mostmár én is mindig így csinálom, de amikor ezt csináltam, akkor még nem úgy tettem. És át kéne szerkeszteni az összes aloldalt... talán majd egyszer... unsure.gif
chipmix
Letöltöttem én is az oldaladról a Firefoxot, de az égadta világon semmi gondom nincs vele, jól be tudtam szabni az én igényeim szerint. Na most már nekem is van 3 fajta böngészőm, így talán nem lógok ki a sorból az IE-vel.
Oke
A én oldalamat is megnéznétek Operával, Mozillával és Netscapéval?

http://oke.uw.hu
google
Mozillával és Netscape-pel külön nem is érdemes, mivel a Netscape a Firefox motorját használja, a Mozilla pedig soha semmit nem jelenített még meg másként, mint a szintén Mozilla Firefox. smile.gif

Operával és Mozillával szemlélve csak apróbb eltérések vannak.
Ezek közül az egyik legfontosabb a karakterkódolás: az ő betűn látszik a legszembetűnőbben.
Érdemes volna metában megadni, hogy milyen készletet használ az oldalad:

KÓD
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">

(megy a <head> után)

Ez megoldja ezt a problémát.
Egyébként ha komolyan foglalkoztat ez a böngészőfüggetlen dolog, telepíts Operát, Firefoxot (Netscape-t szerintem nem érdemes). Semmibe nem kerül, és pillanatok alatt meg tudsz velük nézni mindent. Nekem is fent van mind a három, néha még régebbi verziók is.
bvoneki
Tehát akkor Windows alatt az IE, Opera és Mozilla motoron kívül nincs is más?
És pl Linux alatt milyen motorok hajtják a brózereket?
google
Ugyanezek -IE, illetve még ott van a Konqueror is, de állítólag azt nem sokan használják.
Viszont ott alapból máshogy nézhetnek ki weboldalak, mert a karakterkódolás illetve a rendelkezésre álló betűkészletek eltérőek lehetnek...
Sőt, például kicsit máshogy néz ki az Arial is. sad.gif
ocsi
Oke: Kérdésedre megnéztem az oldalt firefoxa-al..( Én explorerhez nem nyúlok, és opera nincs telepítve) Szóval nálam a menü egy kicsit elcsúszik lefelé ( az alsó gombok eléréséhez scrollozni kell) ezen kívül ha ráklikkelek egy gombra akkor nem a arra a helyre töltődik ahova te akarod( vagy legalábbis ahova nekem logikus lenne hogy szeretnéd hogy betöltődjön a tartalom) ( a forrásba nem volt kedvem belenézni...smile.gif
Oke
Köszi.

@ocsi

Pontosan mi nem működik úgy, hogy "ha ráklikkelek egy gombra akkor nem a arra a helyre töltődik ahova te akarod" ?
Milyen verzióval nézted?

Köszi. blush.gif
ocsi
Mozilla 1.0.4

Ha megnyitom az oldalt középen (és jobb lent) van egy nagy sárgás árnyalatú 'téglalap'. Én azt vártam volna hogy a tartalom ott jelenik meg. Ehelyett eltűnik minden amit eddig láttam és csak az aktuálisan megjelenítendő tartalom van. (Eltűnnek a menügombok is).

Ezt úgy tudod megoldani, hogy frame-eket használsz és target-ben megadod a cél frame nevét!
Priby
Amúgy az első kérdésre válaszova sikerült megoldanom:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
Ezt kivettem az első sorból és tökéletesen működik...
roll.gif
tamasir
Gondom van a Firefox böngészővel. (Vagy az oldalammal?) Három böngészővel is egyformán működik az oldalam csak a Firefoxnál a három flash gombsorból az egyiket összenyomja.

Mezőfi! van ötleted,hogy miért csinálja ezt?

http://freewebsablon.cjb.hu/ angry.gif
Kovács Gyula (MiniDisc)
Rosszul van megadva a flash-t tartalmazó cella, vagy div szélessége-magassága!
Spányik Balázs
KÓD
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="112" height="224">
<PARAM name="movie" value=" images/buttonfreeweb2.swf ">
<PARAM name="quality" value="high">
<PARAM name="menu" value="true">
<EMBED src=" images/buttonfreeweb2.swf " quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/
download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="112" height="129">
</EMBED>
</OBJECT>

Nézd meg, két különböző magasság (height) van beállítva a problémás menüben.
tamasir
Köszönöm! Én hiába néztem! Mindig ugyanazt láttam. annoyed.gif annoyed.gif

A Firefoxot nem régen töltöttem le, hogy az oldalamon a hibákat felismerjem. Nem tudom a böngészőt igazán beállítani. Pl.a súgó azt irja, hogy átveszi az IE-től a kedvenceket. DE hol jeleníti meg? A könyvjelzőben nincsenek.
Spányik Balázs
Rögtön az elején, amikor felrakod a Firefoxot, az rákérdez, hogy átvegye-e a Kedvenceket, és akkor szépen belerakja a Bookmarkok közé. Utólag sosem próbáltam importálni, nem tudom, lehet-e.
Kovács Gyula (MiniDisc)
Lehet igen.

IPB kép
tamasir
Neharagudj, hogy megkérdezem ezt a Varázslót hol találom? Ez nekem magas. weep.gif
mizsi
Fájl / Importálás
tamasir
Bocs! Előbb írtam, és utána néztem meg. A fájlban megtaláltam, és át is importálta. Köszönöm. :upsz
mcfresh
Nagy gond!
Most kezdtem el html programozást és egy saját veblapot csinálni. A gondom az, hogy én 1280x1024 ben szerkesztettem az oldalt edit+-szal, és nem értem, hogy miért jelenik meg minden böngészöben más és másképp. Ráadásul, ha valaki csak 800x600ban nézi meg, úgy meg teljesen katasztrófa az oldal.

Ha valaki tud segíteni, azt nagyon megköszönném.

www.nethcomputer.hu

Esetleg a javitásra is adhatna tippet!

Üdv: Mcfresh sad.gif
Kovács Gyula (MiniDisc)
Az egészet tedd be egy divbe; az egész lapot, és állítsd be a szélességét 800px-re.
mcfresh
Köszi a segítséget!
Probélma megoldva!

Üdv: McFresh smile.gif
level
Képes nyomógombok értékeinek továbbításával van problémám.
Valami hasonlót írtam:


file_1:

KÓD

<form name = "kepkuldes" action = "file_2.php" method = "post">

<?php
    $kep_1 = "utvonal/kep01.jpg";
    print "<input type = image name = kep value = $kep_1 src = $kep_1 />";
?>

</form>


(A valóságban ettől bonyolultabb a dolog, mert több kép is van, de a lényeg ez.)

file_2:

KÓD

<?php
     $kep = $_REQUEST["kep"];
     print "<img src = $kep />;
?>


Itt meg kéne jeleníteni a képet. Mozilla és Galeon meg is jeleníti rendesen. Viszont IE, Konqueror, Opera csak egy kis üres négyzetet ad ki. Firefox egyik tárhelyen megjeleníti, másikon nem.

Ha file_2-ben egyszerűen csak azt írom: print $kep; hibaüzenetet kapok:
"undefined index: kep" ebben a sorban: $kep = $_REQUEST["kep"];

Ha input type = image helyett valami mást írok (pl. submit), akkor $kep_1 értéke rendesen továbbításra kerül minden általam próbált böngészőben.

Kb. az lehet a probléma, hogy form esetén néhány böngésző - ezek szerint - nem támogatja a képes nyomógomb értékének postolását.

Van valami tippetek, hogyan tudnám mégis megjeleníteni a képeket ezekben a böngészőkben is?
level
Közben rájöttem, hogy a megoldás a "hidden":

KÓD

<form name = "kepkuldes" action = "file_2.php" method = "post">
<input type = image  name = kep value = $kep_1 src = $kep_1 />
<input type = hidden name = kep value = $kep_1 src = $kep_1 />
</form>


Így az adatok továbbítódnak, viszont ez csak akkor működik, ha minden egyes képet külön form-ba teszek.
Rossz kód:
KÓD

<form name = "kepkuldes" action = "file_2.php" method = "post">
   <input type = image  name = kep value = $kep_1 src = $kep_1 />
   <input type = hidden name = kep value = $kep_1 src = $kep_1 />
        <input type = image  name = kep value = $kep_2 src = $kep_2 />
        <input type = hidden name = kep value = $kep_2 src = $kep_2 />
</form>

Helyes kód:
KÓD

<form name = "kepkuldes" action = "file_2.php" method = "post">
    <input type = image  name = kep value = $kep_1 src = $kep_1 />
    <input type = hidden name = kep value = $kep_1 src = $kep_1 />
</form>

<form name = "kepkuldes" action = "file_2.php" method = "post">
    <input type = image  name = kep value = $kep_1 src = $kep_1 />
    <input type = hidden name = kep value = $kep_1 src = $kep_1 />
</form>


Viszont ezzel az a baj, hogy a böngészőkben általában az új form automatikusan új sorban kezdődik, így a képek egymás alá kerülnek. Én pedig azt szeretném, hogy a képek egymás mellett sorban jelenjenek meg, és a sortörés az oldalszélesség szerint automatikus legyen. Meg lehet ezt csinálni valahogy egyszerűen? (Lehetőleg táblázat nélkül.)
ocsi
Lusta vagyok IE ben is megnézni de ennyit a böngészőfüggetlenségről...
http://www.idojaras.hu/mo_reszletes.php

Firefoxxal nézve tuti, hogy nem ez volt a webmester álma! mad.gif annoyed.gif
zsoltchelsea
Hi! Igen, szóval kissé sokat kell scrollozni lefele. Pedig 1024x768-ban nézem firefox-szal. Amúgy minden oké rajta.
Spányik Balázs
Ne hülyéskedj, az összes Magyarország térkép el van rajta csúszva! GIGALOL! laughing.gif
Kovács Gyula (MiniDisc)
Nos, csináltam egy új weboldalt. Table mentesen, (talán csak egy van benne ...) css-sel, stb. Firefox, és IE7 (!!!) tökéletes, egy sor hack kellett az IE 7-hez. Opera durván ront - szokás szerint a divekkel baja van. Az IE6-os viszont szörnyen elrontja. Előreláthatólag 15 definíciót kell módosítani a hackben, legalább 2-3 sorban. sad.gif

Szóval eddig az IE7 alaposan felzárkózott a Firefox mellé.
zsoltchelsea
Balázs: Nem figyeltem meg mindent, csak az összhatást néztem, részletekbe nem merültem bele.
Sanzi
A Blogommal eddig semmi probléma nem volt, ámde most van egy kis probléma. >>>KATT<<< Legalul ahol van a toplista számláló. IE-alatt jó, de Foxi alatt "lecsúszik" a háttérről. Én teljesen tanácstalan vagyok ilyen témában, hogy melyik böngésző mire allergiás. (Amúgy megjegyezném, hogy elég bosszantó, és értelmetlen probléma. mad.gif )
bernivan
Hello!

Az lenne a kérdésem, hogy miképpen lehet kiküszöbölni azt, hogy az általunk készített weboldal ugyanúgy jellenjenek meg a különböző fajta böngészőben. Nálam a firefox szokott úgymond elcsúszva megjeleníteni a webes gombokat, egyéb elemeket. A Dreamweaveren kell-e módosítani vagy ez elfogadott dolog? sad.gif sad.gif sad.gif
h.arpad
IDÉZET(zsoltchelsea @ 2006. szeptember 3. 14:29) *
Balázs: Nem figyeltem meg mindent, csak az összhatást néztem, részletekbe nem merültem bele.

Akkor azt is figyeld meg, ha Firefoxod van és Web Developer Toolbart használsz, hogy a fejlesztő az oldalon 4 mélységben teletömte az oldalt (a térképet is beleértve!) táblázatokkal.

IDÉZET
<meta name="generator" content="Namo WebEditor v5.0">

A Notepad++-szal lehet, hogy többre vinné, már ha értene az XHTML-hez. biggrin.gif Nem kevés a hiba a kódban... Az oldal összképéről meg már nem is szólnék...
Spányik Balázs
Az összes böngésző közül a Firefox követi leginkább a webes szabványokat, tehát előbb csináld meg úgy a weboldalt, hogy Firefoxon jó legyen, aztán reszeld úgy, hogy IE-n is jó legyen.
Spányik Balázs
IDÉZET(Sanzi @ 2006. szeptember 3. 20:09) *
IE-alatt jó, de Foxi alatt "lecsúszik" a háttérről.

Szerintem az inline miatt van.
Sanzi
Kicsit kifejtenéd bővebben? blush.gif

u.i.: Sikerült megcsinálni, legalábbis Foxi, és Avant alatt jó. Megadtam a kép méretét, és css fájlban a .credit-re vonatkozó résznél alakítottam egy kicsit. De Balázs ettől függetlenül kérlek válaszolj, mivel kíváncsi vagyok rá.

u.i.2: Jah, valaki nézze már meg Operával is. Köszönet érte!
medard
Nekem is olyan problémám van, hogy a honlapom (http://besenyszog.fw.hu/recept/ Firefox alatt teljesen szétcsúszik. Persze más hívta fel a figyelmemet rá, én addig csak IE-ben néztem.
További probléma még a betűméret. Nagyon picik a betűk, IE alatt teljesen jó.
Kovács Gyula (MiniDisc)
És ha Operán nem jó valami - miközben Firefoxszon, és IE-n igen, akkor az úgy is marad, mert sajnos Opera hack nincs.
zsoltchelsea
Sajnos az Opera elég különcnek számít.
level
Ha mailt küldök webről, és <img src = ""> módon képet illesztek az üzenetbe, akkor a postafiókban IE-ben nem jelenik meg a kép, csak kiixeli. Ezzel lehet valamit csinálni? Firefoxban működik.
zsoltchelsea
Az a különbség, hogy a Firefoxban a HTML formázó dolgok nem jelennek meg (pl. a Gportal vendégkönyve), így ott programozni kell, ergo(tehát, ha valaki nem érti, de én használom) meg fog jelenni minden szépen, csont nélkül. IE-ben pedig elvileg mindennek meg kell jelennie, szóval ott a kóddal lehet valami, mert ugyanis a Foxi sokkal jobban épít a szabványos dolgokra.
level
Kicsit elkanyarodunk a html témától, de a kód ez lenne:

KÓD

<?php
session_start();

    //megadott adatok átvétele
    $kep = $_SESSION["kuldemeny"];
    $felado_neve = $_SESSION["felado_neve"];
    $felado_cime = $_SESSION["felado_cime"];
    $cimzett_neve = $_SESSION["cimzett_neve"];
    $cimzett_cime = $_SESSION["cimzett_cime"];
    $uzenet_szovege = $_SESSION["uzenet_szovege"];

    //fejlécek megadása HTML formátumban  
    $fejlecek = "MIME-version: 1.0 \n";
    $fejlecek .= "Content-Type:text/html; charset=ISO-8859-2 \n";
    $fejlecek .= "From: $felado_cime";
  
    //kép elérési útvonala  
    $kepeslap = "<img src =utvonal/$kep />";

    //üzenet tartalma          
$uzenet = <<<KEPESLAP
<html>
  <head>
    <title>Képeslapod érkezett!</title>
  </head>
<body>
  $kepeslap <br><br>
  $uzenet_szovege
</body>
</html>
KEPESLAP;
    
    if (mail ($cimzett_cime, 'Képeslapod érkezett!', $uzenet, $fejlecek) == TRUE)
       {
         print "Az üzenetet sikeresen elküldtük.";
       }
       else
       {
         print "Az üzenetet nem sikerült elküldeni.";
       }
?>


A kód szerintem jó, annál is inkább, hogy Firefoxban jól működik. IE alatt is a forrásban jó az elérési útvonal, mégsem jeleníti meg a képet, csak a kis piros x-et.

Még arra gondolok, hátha ez a baj: Content-Type: text/html - de ha nem ezt adom meg, akkor mit?
zsoltchelsea
Gondolom php-t, ugyanis ez nagyon annak tűnik. A beírt kódnál az érintett rész eléggé megjegyzésnek tűnik, de erről inkább a PHP-s részben érdeklődj. Közben jobban megnéztem, és szerintem a Content Type-ot a HTML kódba írd be. Így sajnos kint van, és lehet, hogy azért nem érti az IE. Szerintem nála ez nehézkes (mármint a keverés).
level
Kipróbáltam még néhány módszert, de sajnos nem jó. Próbáltam olyan postafiókból is emailt küldeni magamnak, amelyikben van "gyorslink" a kép beillesztésére, de IE-ben még úgy sem jelent meg a kép. Szerintem az IE eleve nem kezeli az ilyesmit. Legalábbis IE6, mert IE7 nekem nincs - akinek van, esetleg próbálja ki, hátha ott már javították a hibát...
zsoltchelsea
Megcsináltad/kipróbáltad az általam említett dolgokat? Az IE-vel is lehet gond, bár általában egész jól végzi a munkáját.
level
Igen, megcsináltam. De már belenyugodtam, hogy az IE nem jeleníti meg a képeket a postafiókokban... weep.gif Azért kösz az igyekezetet!
Sanzi
Lenne egy kérdésem. Az elmített weboldal a blogom, a Sanziblog.extra.hu. A problémám az, hogy a menüsor alatt van egy "Szép vagy!" feliratú logó. Ez IE alatt tökéletesen megjelenik, azonban a Foxi cseszik rá. Kérdem én, hogy megint ez a trágya Foxi rontott el valamit, vagy valami nem szabályos a kódban? Én már mindent csináltam, de semmi.

u.i.: Jelen pillanatban az Extra is beszart úgy, ahogy van! mad.gif
Ez a tartalom egy lebutítottváltozata. A teljes változat képekkel kiegészült megtekintéséhez kérünk, kattints ide.