WN - Hur får jag sidan att se likadan ut?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Hur får jag sidan att se likadan ut? (https://www.wn.se/forum/showthread.php?t=28306)

Upptäckte idag att min sajt inte alls ser
likadan ut i Firefox som i Explorer.

Det är väldigt viktigt att sidan ser likadan ut i båda webbläsaren (de vill säga jag vill att sidan ska se ut som den gör i Explorer, för i FF ser den rent ut sagt för jävlig ut!)

adressen är

http://www.smskyssen.se/Clickr

Någon som vet vad jag måste göra för att fö det att fungera?
Eller ännu bättre, om någon orkar hjälpa och lösa det åt mig,
så kan man säkert komma överens om något som tack för hjälpen.

Vore tacksam för snabb och korrekt hjälp, WN proffs! =)

Jag ser ingen skillnad på sidan oavsett om jag kör IE, Firefox, Safari eller Opera.

Men annars är väll det gammal vanliga som hjälper.. standar, standar, standar. Det finns kod som fungerar för alla webbläsare.

Ingen skillnad? Såhär ser det ut för mig i FF: (stor skillnad)

Och såhär ska det se ut:

texterna (fontsen) ÄR mycket fylligare och lite fetare (snyggare) i explorer,
i FireFox är dom smala tunna och helt trista.

Footern på FF ligger fel (länkarna Kontakt Annonsera och copyright texten - se bilden)

Och små andra saker tex att om man vill byta storlek på texten så går det via webbläsaren i FF, det ska inte gå vill att de ska ha en fast storlek som i IE.

Länkarna likaså, små tunna och ser skummt ut.

Ni som kollat sidan i båda vet nog vad jag menar, hur fixar man detta,
någon som kan hjälpa mot eller utan något tillbaka kvittar.. Vill få bukt på de här :/

Sen har jag lite problem med ÅÄÖ , ibland när man hälsar så försvinner dom (fel iso?) ibland syns dom, vet inte vad det kan vara :/

Provat båda som man ska köra på , men fungerar det med det ena på en sida så blir det fel på dom andra etc, jaja .. :/

Aha. nu ser jag.

Först och främst ta och kolla din sida med en validator:

http://validator.w3.org/check?uri=ht...Inline&group=0

Så ser du att du har en massa fel.

Det blir en rabrytning i rubriken -- antar att det är en av sakerna som stör. Det beror på de flytande li-elementen i div.main_menu.
Vissa defaultvärden är olika i olika browsers. Skulle tro att det räcker att ta bort height-specifikationen för #header och lägga till ".main_menu ul { overflow: hidden; }" för att åtgärna detta.

Hitta några andra problem mellan IE och FF som behöver fixas men tar det när jag kommer hem från jobbet.

Annars ser det bra ut. Du kanske borde ha en "Hem" knapp eller kunna klicka på logga så man kommer hem.

Hade ingen aning hur jag skulle komma till första sidan efter jag har tryckt i menyn.

Citat:

Originally posted by Julian@Apr 1 2008, 13:58
Och små andra saker tex att om man vill byta storlek på texten så går det via webbläsaren i FF, det ska inte gå vill att de ska ha en fast storlek som i IE.

Naturligtvis är det upp till användaren att kunna ändra storleken på texten. Det är utvecklarens sak att se till att inte sidan "bryter ihop" om man vill ha lite större eller mindre text av ena eller andra anledningen (och i IE 7 så tror jag att det går att ändra precis som i Firefox - det går i alla fall i alla andra webbläsare). Sidor med pixelfast design är olämpligt och oseriöst nu för tiden skulle jag nog säga…

Det går inte att få exakt likadant utseende i alla webbläsare och det är inte heller meningen. Om du använder standarder och en del IE-trix så kan du få det att se ganska likt ut.

Se till att lära dig standarden och att följa denna.

Får helt enkelt göra såhär.
Den som orkar och vill och är kunnig att kunna sätta sig ner och lösa de här problemen kan PMa mig så kan vi nog komma överens om något som tack för hjälpen.

Vore underbart om ni som kan, skulle vilja ställa upp på något.

Är inte expert på alla områden än men med lite hjälp kan man nog komma långt.

Tack för alla som skrivit i tråden ska ta en titt på de ni skrivit

Ett tips är att utveckla för FF och sen testa i IE.

Jag ska se om jag hinner kika på det idag Julian, tidan bara rusar fram av någon anledning :)

Layouten är ganska enkel att skapa i CSS, så det ska inte vara några problem att få till och jag är förvånad att du inte fått mer hjälp än vad du har fått här på forumet...kanske alla är lika upptagna som jag är med flytt och annat?

Citat:

Det går inte att få exakt likadant utseende i alla webbläsare och det är inte heller meningen. Om du använder standarder och en del IE-trix så kan du få det att se ganska likt ut.

Det går att få det precis likt och det är inte meningen att det ska vara olikheter mellan webbläsare, men på grund av att deras utvecklare har knasigheter för sig och inte följer standarder så blir det ankskit ibland...IE är notoriskt sämst på just den punkten och med tanke på att 30% av alla internetanvändare fortfarande kör IE 6 som verkligen ligger på stenåldersnivå, så är CSS baserad layout rena huvudvärken ibland, men det går :)

Jag lägger in mina svar jag skickat i PM här också Julian, så att andar kan ta del av det om de råkar ha samma problem.

Citat:

Hallåj!

En snabb fråga, har kollat med 3 på WN nu om dom kan hjälpa mig med ett litet problem ang min sajt clickr.. eller hur man löser det.. hoppas på att du kanske kan hjälpa?

Något skumt uppstod idag när jag la om designen på sidan clickr lite, ÅÄÖ åäö syns inte på clickr längre.. när man hälsar.

Tex ja skriver en hälsning som innehåller å ö eller ä, de kommer för personen efter inte visas utan blir £?! å konstiga tecken...

Inte varit så förr kanske något med ISO eller så att göra, har provat både standard och ison men det är samma sak på båda:/

Något fel i koden är det väll men vad ... eller databasen , php?

Tack på förhand..

--------------------------------------------

Hej,
Att ÅÄÖ ser kontiga ut beror på kodningen.. Din text kodas i UTF-8

charset=utf-8" skulle kunna bytas ut till charset=ISO-8859-1"

Men behöver inte lösa problemet om din text kanske ändras på vägen.

Ett exempel på hur du kan lösa det med php:

Kod:



$utf = "Ã… Ã„ Ã– Ã¥ Ã¤ Ã¶";

$txt = utf8_decode($utf);



echo $txt;

// skriver ut: Å Ä Ö å ä ö

utf8_decode() kan alltså fixa strängar med utf-8 kodade bokstäver.

Alternativt skulle du kunna byta ut till till html kodade specialtecken.

Kod:

Ä = &Auml;

ä = &auml;

Å = &Aring;

å = &aring;

Ö = &Ouml;

ö = &ouml;

Se fullständig förklaring och lista här:
http://ramses.coolfreepages.com/

Du skulle kunna ersätta alla ÅÄÖ osv. med PHP funktionen str_replace()

Kod:



$string = $_POST['text']; //Här hämtar du data från formuläret



$string = str_replace("Ä", "&Auml;", "$string");

$string = str_replace("ä", "&auml;", "$string");

$string = str_replace("Å", "&Aring;", "$string");

$string = str_replace("å", "&aring;", "$string");

//osvosv...



echo $string; //Skriver ut texten, som ser bra ut i webbläsaren. I källkoden ser man att alla ÅÄÖ är ersatta med &Auml; &auml; osv.

Hoppas detta hjälper lite.

--------------------------------------------

Citat:

Originally posted by Mortekai@Apr 2 2008, 07:33
Det går att få det precis likt och det är inte meningen att det ska vara olikheter mellan webbläsare, men på grund av att deras utvecklare har knasigheter för sig och inte följer standarder så blir det ankskit ibland...

Hur får du typsnitten Helvetica (Apple) och Arial (MS) att se pixelexakt likadana ut i alla webbläsare - dessutom även med alla unix/linux-varianter och deras typsnitt? Hur får du en selectbox att se exakt likadan ut i Opera, Firefox, Explorer och Safari? (I formulär är det ju en extremt markant skillnad mellan IE och Firefox som knappast går att övervinna.)

Det finns ingen mening med att skapa designer som är på pixeln exakta - och det är som sagt heller inte meningen - målet bör vara att skapa designer som "tål" att text förstoras eller förminskas, typsnitt saknas, javaskript är avstängt, att formulär stämmer överens med webbläsarlogik eller operativsystemets övriga funktionalitet, osv. Sidan ska vara läsbar, översiktlig, snygg och logisk - men knappast exakt likadan - i alla webbläsare.

Citat:

Originally posted by martine@Apr 2 2008, 12:41
Hur får du typsnitten Helvetica (Apple) och Arial (MS) att se pixelexakt likadana ut i alla webbläsare - dessutom även med alla unix/linux-varianter och deras typsnitt? Hur får du en selectbox att se exakt likadan ut i Opera, Firefox, Explorer och Safari? (I formulär är det ju en extremt markant skillnad mellan IE och Firefox som knappast går att övervinna.)

Det finns ingen mening med att skapa designer som är på pixeln exakta - och det är som sagt heller inte meningen - målet bör vara att skapa designer som "tål" att text förstoras eller förminskas, typsnitt saknas, javaskript är avstängt, att formulär stämmer överens med webbläsarlogik eller operativsystemets övriga funktionalitet, osv. Sidan ska vara läsbar, översiktlig, snygg och logisk - men knappast exakt likadan - i alla webbläsare.

Precis som när du gör "fixar" för IE kan du göra CSS baserat på vilken webbläsare eller operativ system som besökaren använder, det är ett helvete och knappast något som jag kan rekommendera, men det går. Det finns knappast någon som sitter och lägger upp den typen av hantering om man inte är extremt fanatisk eftersom du får skapa väldigt många CSS mallar för olika kombinationer, men som sagt...det går.

Jag håller dock inte med om att det är acceptabelt att design ska se olika ut på olika plattformar, det går helt emot syftet med standarder och det är lite som att säga att den här tidningen/tavlan/boken ser lite olika ut beroende på kön, hudfärg eller tro...det SKA se lika ut i alla webbläsare.

Hur sidan designas ska inte påverka funktioner som hur text skalas eller hur sidan ser ut när det saknas javaskript eller installerade typsnitt hos besökaren utan det ska hanteras lika av alla webbläsare. Form ska aldrig ha någonting med funktionalitet att göra...den ska alltid finnas där och alltid fungera på samma sätt oavsett webbläsare eller hur fruktansvärt bra eller dålig designen är.

Citat:

Ursprungligen postat av Mortekai

Citat:

Ursprungligen postat av martine

Jag skulle vilja säga att du har fel, av den enkla anledningen att du aldrig kan ha 100% kontroll över miljön där sidan visas, då hjälper det ju inte ens att validera sidan.

Jag kan ha förståelse för att man som konstnär/artist vill ha full kontroll över det man skapar, men inom rimliga gränser får man ju fråga sig om det tillför något för den som använder tjänsten, för en del är en klocka bara en klocka, då funkar en Omega replica lika bra, medans andra uppskattar "the real thing"....en av dom största hinder man kan sätta upp för sig själv ur affärssynpunkt är att applicera sina egna värderingar på sina potentiella kunder, istället för att faktiskt koncentrera sig på det som verkligen är viktigt, och som man verkligen kan göra något åt..