Avatar billede beorndesign Nybegynder
06. januar 2005 - 21:23 Der er 10 kommentarer og
1 løsning

DTD HTML 4.01 layout problemer!

Jeg vil for første gang bruge Doctype på mine sider, men der er jo en himmel til forskel i layoutet: elementer bliver vist forskelligt alt efter hvor på siden de er placeret, selvom der er defineret ens med CSS?

Korrekt visning: http://hansen.beorn.dk/admin.asp
DTD HTML 4.01: http://hansen.beorn.dk/admin2.asp

Hvorfor gør Browseren (IE6) det?
Avatar billede beorndesign Nybegynder
06. januar 2005 - 21:27 #1
Se specielt under "Rediger Kategorier", hvor form-elementerne ændre størrelse. Ligeledes placeres selve siden i toppen, i stedet for at være centreret!
Avatar billede syvon Nybegynder
06. januar 2005 - 22:01 #3
og fjern tom linie før dogtype.

men vil gætte på at det er denne der laver fejlen

<table width="100%" height="100%"  border="0" cellpadding="25" cellspacing="0">

ændres til

<table width="100%" style="height:100%"  border="0" cellpadding="25" cellspacing="0">
Avatar billede syvon Nybegynder
06. januar 2005 - 22:12 #4
og på dine forms har du brugt id="form3" 3 gange id kan kun kaldes en gang så det skal laves om til class="form3"
Avatar billede syvon Nybegynder
06. januar 2005 - 22:22 #5
skriv dette i din body i css  height:100%;
Avatar billede beorndesign Nybegynder
06. januar 2005 - 22:22 #6
Ja, men jeg kan se, at de fejl ikke burde have noget med form-elementerne at gøre m.h.t. layout. Flere af fejlene er jeg dog opmærksom på!
Avatar billede beorndesign Nybegynder
06. januar 2005 - 22:27 #7
Syvon: Disse fejl er jeg opmærksom på.

Det drejer sig kun om, hvorfor layoutet opfører sig underligt. Under Rediger Kategorier er TextFieldElementet blevet højere, og List/MenuElementerne har rykket sig og er kortere???
Avatar billede olebole Juniormester
06. januar 2005 - 22:45 #8
<ole>

Når du har URL'en med i din DTD, overholder IE også CSS-standarden. Problemet med 'forkert' visning opstår, fordi din CSS er forkert. Læs evt:
  http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

/mvh
</bole>
Avatar billede beorndesign Nybegynder
08. januar 2005 - 15:00 #9
Nu har jeg kopieret elementerne over på en ny fejlfri side, men problemerne er der stadig!

http://hansen.beorn.dk/test.asp
Avatar billede olebole Juniormester
08. januar 2005 - 19:54 #10
<ole>

Fejlfri...!??!!!?? Den er da smaskfyldt med fejl  :)
Undgå tomme celler.
Du kan ikke sætte enhed på en dimension sat som attribut på elementer.
Brug af col- og/eller row-span skaber meget ofte problemer meed visningen.

Undlad at bruge W3C's HTML-banner, når din side ikke validerer - det er falsk reklame.
Holder du af godt desig, så undlad helt at bruge W3C's bannere. De er langt fra veldesignede (lænende sig opad det decideret grimme) - og de passer yderst sjældent ind i de designs, de lægges i.

Derudover er de ganske overflødige. Det eneste, de oplyser er jo, at koderen er begavet nok til at kunne læse en manual og gøre, som der står i den.
Det må vel nærmest kaldes pinligt, hvis man finder det værd at reklammere for. Det er vel en forudsætning for at kunne få et job som flaskedreng i Netto  :)

/mvh
</bole>
Avatar billede beorndesign Nybegynder
15. januar 2005 - 23:22 #11
Ja, det tydede på at det var css'en det var galt med. Så jeg startede fra scratch igen og legede lidt med layoutet: http://hansen.beorn.dk/index.aspx
Siden er langt fra færdig endnu - al programmeringen mangler! Men det giver da en idé.

Jeg kunne aldrig drømme om at bruge W3C's bannere på en færdig side. Jeg placerede den der blot, for at vise at siden var fejlfri efter W3C's validering.

Det med enhed på dimensionerne var blot et lille forsøg, for at se om det ændrede noget! Jeg har nu ikke tidligere haft problemer med brug af tomme celler eller brug af row-span - så det vil jeg ikke betegne som fejl!

olebole smid et svar, og du skal få nogle point...
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