Ramar...

[Kiddo]

Det är något visst med svenskar på internet......

 

[Soapbubble]

Inga snabbtips, tvyärr. Jag läste dock på internet om en metod som jag tyckte lät vettig. Istället för att först göra sidan så den ser snygg i IE och sedan försöka få den se bra i de övriga webläsarna, så gör man den så den ser ut som den ska i en webläsare som följer HTML-standarden t.ex. Mozilla. Sedan lägger man tid på att den ser bra ut i IE utan att förändra så mycket att den ser dålig ut i Mozilla.

Vad vinner man på detta? Tja, en sida som är rättkodad från början borde var enklare få snygg i IE än få en sida som bryter mot standarden snygg i övriga webläsare.

/Soapbubble

 

[Tilly]

Varför inte koda redan från början så den ser bra ut i båda? Håller med om att man annars ska satsa på Mozilla!

 

[Soapbubble]

Jag tänkte att man skulle kunna lägga till lull-lull som gjorde sidan ännu snyggare i IE, men som inte påverkade utseendet eller funktionen i Mozilla. Nu vet jag inte hur de som skapade JAlbum och BluPlusPlus tänkte, men den här sidan är snygg både i Mozilla och IE, men lite snyggare IE.

/Soapbubble

 

[Tilly]

ah, då är jag med!

 

[Tippan]

Hur placerar man ut grafiken i CSS utan att använda tabeller??

 

[elbereth]

Nu tittade jag på dina sidor men de såg ok ut i min Firefox. Men vill du centrera en tabell med css kan man kanske lägga in lika mkt padding på båda sidor? table.namn{padding: 0% 20% 0% 20%;}
Eller har jag missförstått problemet?
Annars kan man ju bara centrera tabellen direkt men det kanske är "fult"

 

[elbereth]

äsch lyssna inte på mig, helt plötsligt kom jag på att det säkert inte funkar alls med padding. *tankefel*

 

[Tilly]

du använder dig av divar och positionerar ut bilderna.

Den här sidan har t ex inga tabeller: http://www.untitled.se/

 

[Tippan]

Layers?? Är det det du menr? Stödjer alla webläsare det?

 

[Tilly]

nej nej, inte layers

<div> heter den. du kan sätta klasser och sådant på den som t ex i en TD.

 

[Cheeserica]

Fors-sidan ser likadan ut i både IE, Mozilla och Opera, med enda skillnad att den inte vill centrera tabellen i Mozilla eller Opera. Jag har alltså gjort sidan så den ska se bra ut i ALLA webläsare, och inte bara IE. Har verkligen ansträngt mig att följa alla standarder som går så långt som möjligt, eftersom det är min första och enda sida jag får betalt för att göra. Mökkur-sidan är som sagt mitt nästa projekt men det känns inte lika akut. Har en massa saker jag vill lära mig att göra också, man får ta lite i taget!

/Erica

 

[Cheeserica]

Jag förstår inte riktigt din padding, men om du säger att det inte funkar så ska jag inte anstränga mig för att försöka.

Saken är att jag har försökt olika sätt att centrera tabellen m.h.a. css och inget funkar i Opera eller Mozilla. Det kanske inte går, eller? Det är ju inte meningen att man ska använda tabeller i det här syftet ändå, men det verkar ju lite underligt att det inte skulle gå. Det som funkar i IE men inte de andra (som jag använder nu) är att lägga tabellen i en p-tagg och ta text-align: center i den.

/Erica

 

[Tippan]

Du menar zzååå??

<div id="Layer1" style="position:absolute; left:110px; top:71px; width:68px; height:36px; z-index:1"><img src="2.jpg" width="367" height="252"></div>

 

[Soapbubble]

Jo, men om du inte hade tittat på sidan i IE innan du var nöjd med sidan i en webläsare som följer html-standarden hade problemet att du har en sida som ser som du vill IE, men inte i andra webläsare aldrig uppstått, eller hur? :smirk:

/Soapbubble

 

[Kat]

Fungerar <div-taggarna bra nu?
De var väldigt instabila "på min tid". Så då vågade man inte använda dem.

 

[Tippan]

Nä jag törs inte heller använda det. Frames och tabeller känns bra mycket bättre. Iofs har jag kollat "DIV-sidor" i bl.a. Mozilla. Men inte i tidigare versioner. Mina tabeller funkar ju även i asgamla Netscape

 

[Cheeserica]

Men du förstår nog inte riktigt min poäng. Jag har att välja mellan en sida som ser "ful" ut i alla webläsare (dvs inte centrerad i någon) eller en som är centrerad i IE men inte i de andra. Du får hemskt gärna säga hur jag ska få den att se bra ut i Mozilla och Opera OCKSÅ eftersom jag själv försökt hitta lösningen länge nu. Att den inte ser ut som den ska i de webläsarna betyder väl inte att jag är nöjd med den?!?

/Erica

 

[Tippan]

Jag har faktiskt valt bort den procent som kör 640*480 och andra udda webläsare. Huvudsaken är att sidan fungerar. Att den sen inte är perfekt struntar jag faktiskt i.

Om lite grafik och sånt kommer på sniskan så påverkar ju det inte innehållet i sig.

Om de mest fanatiska fick bestämma så skulle alla sidor fortfarande var anpassade till Netscape 3.0 (är den äldsta webläsaren jag kommer på så )

I många fall så handlar det om ett medvetet val att köra med äldre/udda webläsare och den försvinnande procenten ser ju andra sidor konstigt också. Jag brukar ha kanske 2 besök med Opera per 3000 besökare på mina sidor och det gäller de alla.

Men skulle jag ha andra slags sidor där genomsnittet ser annaorlunda ut så skulle jag jobba utifrån det. Man måste ju titta på vad man har för användare också...

Mina sidor hade tidigare 90% av besökarna med *800 och samtidigt hade mitt X 90% av besökarna *1024 på sina sidor. Så det var en liten kategoriskillnad...

En annan sak jag emotsätter mig är också alla människor som skryter om att de handkodar allting och sen ser det ut som skit för att de glömmer att t.ex. avsluta taggar, då skulle det vara sååå mycket bättre om de körde med en editor. (Jag skriver flytande HTML sen många år tillbaka, så det handlar inte om att jag inte kan det...) Om en sida blir 10kB större för att man kör med editor, so what? Dessutom så känns det rätt så ute, det finns faktiskt databaser...

 

[elbereth]

Nu har jag haft tid att titta lite mer på detta med centreringen och min första tanke var rät!

Alltså: I htmlsidan skriv: <table class="centrering">

Sen i CSS:en skriv:

table.centrering
{
padding: 0% 10% 0% 10%;
}

Så får du lika mkt padding på båda sidor och då blir tabellen centrerad. Det löser iaf problemt åt mig, men det är ju inte säkert att det passar för dig ändå.

Kolla på: w1.498.telia.com/~u49814130/galleryCatAll.html

Istället för class kan du ju skriva ID, det kanske är mer korrekt egentligen eftersom det är en engångshändelse.