---
title: "Ett första försök (XHTML 1.1)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/100455-ett-första-försök-xhtml-1-1"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ReloadMaster"
published: "2004-03-28T15:33:55.000Z"
updated: "2004-03-31T10:02:55.000Z"
replies: 13
views: 663
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/100455-ett-första-försök-xhtml-1-1"
---

# Ett första försök (XHTML 1.1)

## #1 — ReloadMaster, 2004-03-28T15:33Z

Hejsan,

idag när jag hade lite tråkigt kom jag på
att jag skulle börja lära mig använda \<div\> lagers
istället för mina tabeller jag alltid använder.

Nu är det så att jag kollat lite 
på w3cshools och xhtml.nu och kommit fram till en liten testsida. Men det vill inte funka :(
Den verkar inte hitta min CSS fil

Koden jag använder är:

```
<?xml-stylesheet type="text/css" href="/style/style.css" ?>
```

Är det något fel i den? :/

Permalänk: https://www.webforum.nu/p/100455

## #2 — jarvklo, 2004-03-28T17:49Z

Närå - men du måste servera sidan som någon form av "XML" för att den där "XML-processinstruktionen" ("PI":n) skall fungera... 

Dvs det där fungerar inte om du kör ut din sida som "text/html" (vilket du förmodligen gör om du testar med filextensionen .htm eller .html ;) )

"Godkända" MIME-typer för xhtml 1.1 är:

- text/xml
- application/xml
- application/xhtml+xml

 
på xhtml.nu har jag gjort så att den Apache-server som hanterar webbplatsen skickar ut filer med extensionen .xhtml som "application/xhtml+xml".

xhtml 1.1 \*är\* knöligt och lite "bleeding edge" idag tack vare att t.ex. MSIE6 inte klarar av "application/xhtml+xml"... och att man inte "får" skicka ut xhtml 1.1 som "text/html" för W3C ;)

Mitt tips: Du kan lika gärna köra med "bakåtkompatibel xhtml 1.0 Strict" om du vill lära dig köra med "lager" istället för tabeller - skillnaden blir att du använder \<link rel="stylesheet" /\> som vanligt istället för \<?xml-stylesheet?\> för att plocka in dina stilmalar och att du med gott samvete kan skicka ut sidor i xhtml 1.0 Strict som text/html (dvs med filextensionen .html) vilket underlättar \*rejält\*.

Den dagen MSIE är "fixad" och "alla" har "uppgraderat" kan du sedan "enkelt" ;)  byta upp dig till xhtml 1.1 med några \*minimala\* kodändringar eftersom det i princip är exakt samma sak - om du vill ;)

Permalänk: https://www.webforum.nu/p/1310928

## #3 — ReloadMaster, 2004-03-28T18:07Z

Ok, 

tack för det utförliga svaret.

Bara en följdfråga nu enligt lager
hur skulle jag kunnde centrera som dom kör på <http://XHTML.nu>  
Har kollat kälddkoden men förstår inte ;)

Som jag har nu så är den centrerad i IE men inte i Mozilla FireFox :(

Permalänk: https://www.webforum.nu/p/1310935

## #4 — Peter S, 2004-03-28T18:16Z

Man kan ju tillägga att man inte behöver använda XHTML för att göra semantiskt riktiga dokument. I en perfekt värld bör kreatören ta hänsyn till vilken typ av dokument som webbklienten prefererar genom att undersöka HTTP_ACCEPT-headern.

Om nu denne vill ha dokumentet som text/html tycker jag att man gott kan använda HTML 4.01. Om den å andra sidan föredrar application/xhtml+xml, använder man XHTML 1.1 eller liknande.

 ;)

Permalänk: https://www.webforum.nu/p/1310939

## #5 — frankof, 2004-03-28T18:16Z

> **ReloadMaster skrev:**
>
> Bara en följdfråga nu enligt lager
> hur skulle jag kunnde centrera som dom kör på <http://XHTML.nu>  
> Har kollat kälddkoden men förstår inte ;)
> 
> Som jag har nu så är den centrerad i IE men inte i Mozilla FireFox :(

css

```
width:580px; margin-left:auto; margin-right: auto;
```

Hur jarvklo(xhtml.nu) har löst det orkar jag inte kolla
 ;)

Permalänk: https://www.webforum.nu/p/1310940

## #6 — ReloadMaster, 2004-03-28T18:30Z

> **frankof skrev:**
>
> > **ReloadMaster skrev:**
> >
> > Bara en följdfråga nu enligt lager
> > hur skulle jag kunnde centrera som dom kör på <http://XHTML.nu>  
> > Har kollat kälddkoden men förstår inte ;)
> > 
> > Som jag har nu så är den centrerad i IE men inte i Mozilla FireFox :(
>
> 
> css
>
>
> ```
> width:580px; margin-left:auto; margin-right: auto;
> ```
>
> 
> Hur jarvklo(xhtml.nu) har löst det orkar jag inte kolla
>  ;)

Just 

```
margin-left:auto; margin-right: auto;
```

Har jag användt i koden för att få det att funka i IE men den vill fortfarande fastna i FireFox :(

EDIT:
Nu har jag även problem med att det blir mellanrum i FireFox mellan lagren. Men inte i IE, varför? JAg har padding på 0 och margin 0 i Body i CSS filen.

Här finns CSS filen om ni vill kolla: 

<http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.krulltigern.nu%2FXHTML%2Fstyle%2Fstyle.css&warning=1&profile=css2&usermedium=all>

Permalänk: https://www.webforum.nu/p/1310950

## #7 — frankof, 2004-03-28T18:34Z

Du måste(?) sätta en bredd på elementet du skall centrera.

Permalänk: https://www.webforum.nu/p/1310952

## #8 — ReloadMaster, 2004-03-28T18:37Z

> **frankof skrev:**
>
> Du måste(?) sätta en bredd på elementet du skall centrera.

Den har width: 1000px

Permalänk: https://www.webforum.nu/p/1310954

## #9 — frankof, 2004-03-28T18:39Z

Varför centrera något som du har satt till att fylle hela tillgänglige elementet?

R: läste 100% :r
 1000px är förjävligt brett ;)

Permalänk: https://www.webforum.nu/p/1310955

## #10 — ReloadMaster, 2004-03-28T18:49Z

> **frankof skrev:**
>
> Varför centrera något som du har satt till att fylle hela tillgänglige elementet?
> 
> R: läste 100% :r
>  1000px är förjävligt brett ;)

Som sagt lär jag mig fortfarande och
vet inte riktigt hur jag bygger upp det då det finns ävldigt få sidor. Så har bara kollat xhtml.nu och dom hade ett stort 100% lager (Ja det stod 100% först innan jag ändra lite i CSS filen ;))
Grejen är att jag försöker ju ersätta tabeller och tabeller centrerar man ju simpelt och jag ska ha ett fast värde sen på 80% :/

Permalänk: https://www.webforum.nu/p/1310962

## #11 — jarvklo, 2004-03-28T19:21Z

Hmm...

Du har lagt margin:auto på body... 

Hmm...

Jag kör med en standardlösning som brukar tillskrivas [BlueRobot](http://bluerobot.com/web/css/center1.html) på xhtml.nu

Den bygger på två saker.
1) Man kör med en \<div\> som omsluter allt innehåll och har en fast bredd samt margin-left: och margin-right: satta till auto.
2) Man sätter text-align:center på body.

Här är de väsentliga delarna från CSS:en på xhtml.nu:

```
html,body {
  margin:0; padding:0;
  text-align:center;
}
#container {
  margin-left:auto;margin-right:auto;
  width:800px;
  text-align:left;
}
```

och HTML-koden i grova drag:

```
[...]
<body>
   <div id="container>
[...]
Allt innehåll
[...]
  </div>
</body>
[...]
```

> Grejen är att jag försöker ju ersätta tabeller och tabeller centrerar man ju simpelt och jag ska ha ett fast värde sen på 80%

Hmm...
med liknande HTML-upplägg som ovan så borde

```
 #container {margin-left:10%; margin-right:10%; width:80%}
```

funka (har dock inte testat - någon?)

CSS är inte alltid lika enkelt som tabeller när det gäller layout - Det tar för det första ett tag att lära sig, för det andra så finns det ett gäng buggar man måste lära sig leva med (olika i varje webbläsare givetvis) och till sist måste man tyvärr ibland leva med att man inte kan göra precis *allt* som man kan göra med tabeller utan att ta till lite fiffiga scripts...

Men CSS-lösningar brukar å andra sidan bli ganska eleganta och "minimalistiska" och har man väl vant sig att separera dokumentstrukturen ((x)HTML-koden) och layout/design/utseendespecifikationen (CSS:en) så vill man förmodligen inte "gå tillbaka" till tabell-lösningar om det går att undvika för det man är ute efter iallafall ;)

Permalänk: https://www.webforum.nu/p/1310979

## #12 — ReloadMaster, 2004-03-30T14:19Z

Får börja med att än en gång tacka jarvklo för ett mycket bra svar.

Har nu lyckats komma en liten bit.
Tyvärr så verkar det vara lite bråk mellan webläsarna.
IE verkar vilja ha margin auto i alla divs medan Firefox nöjer sig med innehall för att centrera.

DOCK!
Så verkar FireFox inte vilja lyssna på mig när det handlar om att få allting inuti "innehall" som är mitt namn för divven med allt innehåll.

Även menyn blir helt annorlunda mot IE

Screens:
<http://www.krulltigern.nu/XHTML/ie.jpg>
<http://www.krulltigern.nu/XHTML/ff.jpg>

<http://www.krulltigern.nu/XHTML> om någon vill kolla hur jag menar.

Permalänk: https://www.webforum.nu/p/1311844

## #13 — jarvklo, 2004-03-30T21:27Z

Hmm...

Du gör det inte lätt för dig när du använder \<?xml?\>-taggen !

Den ställer nämligen till det så att MSIE och Mozilla hamnar i olika "moder" (dvs beter sig ganska väsentligt olika) - läs t.ex. dectgap:s sammanfattning (med referenser) i <http://www.webforum.nu/showthread.php?s=&postid=787126#post787126> 

Tar du bort \<?xml?\>-taggen, så har du iallafall ungefär samma problem i bägge webbläsarna (dvs det ser "mer lika" ut mellan webbläsarna eftersom de ställer sig i samma mod om du gör så ;) )

Inte så lätt att veta om man inte snubblat över \<!DOCTYPE-problematiken tidigare i HTML eller xhtml, men det är hursomhelst inte så illa att utgå ifrån ett läge där de fungerar relativt lika iallafall (dvs samma mod) - trust me on that one! ;)

Klura/meka ett tag till och fråga igen om det dyker upp detaljer du inte tar dig förbi!

Permalänk: https://www.webforum.nu/p/1312008

## #14 — PepeJeria, 2004-03-31T10:02Z

Som Jarvklo nämnde, det är xml deklarationen i början som får det att se annorlunda ut i IE 6.

Om du även vill att IE 6 och Opera 7.0 - 7.03 ska använda sig av strict mode (som du kodat siten i) måste du ta bort den. De kör nämnligen med Quirks mode om du har den.

Läs mer om vilken mode olika browsers switchar till beroendo på DOCTYPE:
<http://www.hut.fi/u/hsivonen/doctype.html>

Permalänk: https://www.webforum.nu/p/1312191

---

Tråden på webben: https://www.webforum.nu/amne/html-css/100455-ett-första-försök-xhtml-1-1