Avatar billede loproc Praktikant
18. november 2003 - 18:18 Der er 7 kommentarer og
1 løsning

Mærkeligt problem med XHTML 1.1

Hi all

Jeg har et mærkeligt problem:

Jeg har siddet og leget med at validere noget HTML så det følger XHTML 1.1 standarten. Men se disse to sider:

http://parasit.dk/designs/8/site-med-xhtml.html

http://parasit.dk/designs/8/site-uden-xhtml.html

Siden med de nødvendige XHTML tags ville ikke placere sig i midten, i modsætning til den anden. Den eneste forskel er de XHTML tags der definere hvilken standart der skal følges.

Er der nogen logisk forklaring på hvorfor der er forskel?

På forhånd tak.
Avatar billede skovenborg Nybegynder
18. november 2003 - 18:37 #1
først og fremmest vil jeg lige rette nogle fejl, som gør din kode lidt mere xhtml-valid:

1: Fjern cellspacing og cellpadding fra dit stylesheet - det hører kun hjemme i <table>-tagget.
2: Align og valign håber jeg du ved ikke kan bruges. De skal hedde henholdsvis text-align:center og vertical-align:middle
Avatar billede skovenborg Nybegynder
18. november 2003 - 18:38 #2
nå nu til spørgsmålet:
Først ændre dit stylesheet sådan her:
body,html{
background-image: url(http://parasit.dk/designs/8/index.gif);
background-repeat: repeat-x;
background-color: #B0F06B;
margin: 0px;
height:100%;
}

og nede i din tabel kan du skrive:
<table class="outertb">
  <tr>
  <td style="vertical-align:middle;">
  <table cellpadding="0" cellspacing="0" style="margin:auto auto">

    <tr>
    <td class="lefttd"></td>
    <td class="innertd1" valign="top"></td>
    <td class="innertd2" valign="top"></td>
    <td class="righttd"></td>
    </tr>
  </table>
  </td>
  </tr>

</table>

Så burde den centrere :-) ....men måske har jeg glemt noget - i hvert fald virker det for mig nu.
Avatar billede Slettet bruger
18. november 2003 - 18:50 #3
Jeg er bare nysgerrig:
Hvilke browsere sidder I med, og hvilke versioner?
Avatar billede loproc Praktikant
18. november 2003 - 18:51 #4
Mange tak skovenborg, det virker.

Det var "height: 100%;" i body der gjorde det. Men jeg har også rettet de andre fejl jeg havde, jeg har ikke meget erfaring med xhtml 1.1 :-)

Skriv et svar så du kan få dine point.
Avatar billede skovenborg Nybegynder
18. november 2003 - 18:55 #5
jeg tænker på mozilla (og opera selvom jeg ikke har testet i det). Det er her man bruger margin:0px auto; til at centrere hvis text-align ikke virker.

Læg mærke til at jeg også skrev body,html da kun body ikke virkede i mozilla.
Avatar billede Slettet bruger
18. november 2003 - 19:01 #6
Jeps, jeg tænkte netop også på den specielle detalje med 0px til margin for Opera.  :-)

Men jeg vidste ikke, at man skal lægge cellspacing og cellpadding ind i table (tr eller td), men så fik jeg lært noget nyt.  :-)
Avatar billede skovenborg Nybegynder
18. november 2003 - 23:24 #7
cellpadding kan man jo bare skrive som padding:0px for eksempel.

Men cellspacing er der ikke nogen css-kommando der hedder.
Avatar billede skovenborg Nybegynder
18. november 2003 - 23:24 #8
...takker for point forresten :-)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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