Avatar billede Slettet bruger
04. maj 2009 - 13:49 Der er 5 kommentarer og
1 løsning

Webdesign (Kompatibilitet og brug af CSS og/eller Tables)

Hej,

Jeg har designet en del websites igennem tiden og primært så de er kompatible med internet explorer. Jeg har designet dem som en kombination af tables og CSS.

Jeg vil gerne i fremtiden lave mine websites er kompatible med de største browsere som Internet Explorer (6,7,8), firefox og Safari (som jo også er en stor mobilbrowser på bla. iphone).

Derfor vil jeg høre hvilken (X)HTML version der er at foretrække til at nå dette mål? Hvordan kan jeg lave fremtidige websites som er kompatibel med disse store browsere/mobilbrowser?

Der er idag også websites derude som udelukket er stylet i CSS (Derfor meget minimal brug af tables osv da alt fra tekst og billeder/backgrounds bliver opretholdt i css'en). Vil gerne høre hvad folk foretrækker her, brugen af tables eller 100% css? kombi? Godt/skidt?

Håber på der kommer et godt svar til ovenstående som jeg kan tage med mig. :)
Avatar billede Hardball21 Nybegynder
04. maj 2009 - 17:02 #1
Det var dog et stort spørgsmål .... og, mange små men alligevel.

Desværre er der ikke eet svar som dækker det hele.

Vi bruger for det meste "XHTML 1.0 Transitional" - ikke af nogen anden grund end at det anbefales af både MS, Mozilla og Apple (99.5% af vores kunder er på deres browsere).

Jeg foretrækker at bruge CSS til at sætte siderne op, men det betyder ikke at der findes en tabel eller to.
Vi bruger så et eller flere style sheets som overlapper hinanden for at få det rigtige "look" i alle browsere.
f.eks. vil vi have et alle styles i style.css og derefter indlæser vi IE specifike styles sådan:

<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="style-ie.css" />
<![endif]-->

da alle vores sider er php scripts gør vi også brug af browser detektion til f.eks. at fange mobil telefoner eller en blackberry


Håber det hjælper en smule :)
Avatar billede Slettet bruger
05. maj 2009 - 09:58 #2
Tak for hjælpen. :)

Jeg tror som du nævner det er en god løsning at lave specifikke stylesheets til de største browsere så man da er sikker på websitet bliver vist korrekt i disse. Specielt hvis man sætter alt op med CSS og dermed er så afhængig af at CSS'en er iorden til den pågældende browser.

Du skulle vel ikke tilfældigvis kende nogle sites eller bøger på nettet omkring CSS styling du kan rekommendere? :) Jeg tænker på mere avanceret brug af CSS. Vil gerne blive bekendt med alle de styles der f.eks. ligger i Dreamweaver CS3/CS4 og der er nogen jeg ikke har helt styr på desværre. Det kunne være rart at vide lidt mere om hvordan jeg positionerer indhold (Tekst og billeder) da jeg førhen mest har brugt CSS til at styre fonte og formateringer?
Avatar billede Hardball21 Nybegynder
05. maj 2009 - 10:41 #3
Mit favorit website er ... google :)
- Jeg har ikke brugt et sted til at lære fra - når jeg er læbet ind i problemer søger jeg som oftest efter en løsning. Når det er sagt har jeg da et par link i mine favoritter:

Mange gode grundlæggende tips: http://www.w3schools.com
ditto: http://www.cssplay.co.uk/index

Blog med gode tips: http://css-tricks.com/

Og så dem der laver standarderne: http://www.w3.org/Style/CSS/

Jeg kigger også efter hvad andre gør - hvis jeg finder en detalje som virker vil Jeg undersøge hvordan de har gjort det.

Som et afsluttende tip vil jeg sige at Jeg bruger FF med Web Developer toolbar (http://chrispederick.com/work/web-developer) og Chromium (eller Chrome) - den har en cool funktion "inspect element" hvor man kan se alle css elementer som er sat på hvert enkelt element på en side (højre-klik på siden for at bruge inspect element)


mvh
Avatar billede Slettet bruger
05. maj 2009 - 11:09 #4
Mange tak for alle tips. Vil helt sikkert kigge nærmere på det og forsøge mig lidt frem derfra. :) Du må lige oprette et svar så jeg kan sende dig points.
Endnu engang tak for hjælpen!
Avatar billede Hardball21 Nybegynder
05. maj 2009 - 13:40 #5
Helt i orden.

Glemte at sige at Jeg har et par CSS bøger på hylden - gode at have til hurtige opslag

- http://www.amazon.com/Ultimate-CSS-Reference-Tommy-Olsson/dp/0980285852/ref=sr_1_1?ie=UTF8&s=books&qid=1241522979&sr=8-1
- http://www.amazon.com/CSS-Definitive-Guide-Eric-Meyer/dp/0596527330/ref=sr_1_1?ie=UTF8&s=books&qid=1241523486&sr=1-1

(nok et par år gamle - der er nok kommet nogle der er nyere)
Avatar billede Slettet bruger
05. maj 2009 - 16:43 #6
Super, jeg kigger på dem senere. :) Hav en god aften!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester