Avatar billede orca Nybegynder
02. august 2002 - 16:46 Der er 12 kommentarer og
1 løsning

HTML 4.01 Strict

Hej alle. Mit site www.improve.dk validerer korrekt hos validator.w3.org som HTML 4.01 strict. Men hvis jeg sætter en HTML 4.01 Strict !Doctype på, så opstår der problemer med designet. Menuen ovre til venstre kan så ikke forstå at den har fået height: 89%. Kan i sige mig hvad problemet er?

Mvh Mark
Avatar billede ecoder Nybegynder
02. august 2002 - 17:29 #1
Hej Mark..........Det er fedt design www.improve.dk

Dit site er lavet i .asp eller andet serverside sprog, så mener jeg ikke at man kan validere det.

Har du ellers nogle tips og tricks (gode råd), til asp.net i vb.net? Skal til og i gang med det nu. Har installeret .Net Frameworket.

Mvh. Lucien
Avatar billede neteffect Nybegynder
02. august 2002 - 17:31 #2
Der er masser af style= i din kode. W3C's CSS-validator ser vist kun på dit stylesheet, så der kan være style-fejl, som du ikke er opmærksom på. Brug ID til at få style for faste elementer op i stylesheet og class til resten. Ideen er jo at få adskilt html og style.
Avatar billede neteffect Nybegynder
02. august 2002 - 17:32 #3
ecoder<--man kan udmærket validere asp-sider. Det er jo resultatet, som valideringen - og brugerne - ser.
Avatar billede ecoder Nybegynder
02. august 2002 - 17:38 #4
neteffect <-- okay, troede jeg ikke. Jamen tak for info'n.

:-) happy codeing
Avatar billede orca Nybegynder
02. august 2002 - 19:00 #5
ecoder -> Tak for kommentaren :). Jeg kan desværre ikke prale af at have meget indhold endnu, men jeg er i gang med en ASP.NET tutorial (http://www.improve.dk/?Content=tutorials/item&TutorialID=3), dog er jeg nok ikke nået længere med den, end du er :). Mit site er som du spørger til lavet i ASP.NET. Ang tips og tricks, så er www.asp.net (quick starters) et godt sted at starte... dog kun indtil jeg får skrevet noget mere ;).

neteffect -> Mht id's så har jeg fået fixet det, jeg var faktisk igang med det på localhost :). Desværre er resultatet stadig det samme når jeg skifter doctypen over til strict.

Mvh mark
Avatar billede neteffect Nybegynder
02. august 2002 - 20:24 #6
Læg en kommentar, når du har uploadet.
Avatar billede picment Nybegynder
05. august 2002 - 20:33 #7
Orca,
Når du IKKE deklarerer doctypes går de fleste browsere i en slags default mode, hvor de bliver meget fejl-tolerante. I IE kaldes dette "Quirks mode".

Når du så deklarerer doctype, hopper IE ud af "quirks mode", og gør som du beder den præcist om at gøre i din HTML ifølge W3 specifikationerne. Det kan udemærket være at din kode er korrekt skrevet (den validerer korrekt) - men kode har jo ikke ret meget med udseendet at gøre.

Derfor, ind med din doctype igen og så fejlret derfra.

For at summere op: Når du har specificeret din doctype korrekt, gør browseren det der står i HTML´en at den skal gøre - men hvis du ikke har specificeret doctype, eller den er ukorrekt, så hopper foreksempel IE i "quirks mode" og fortolker din HTML.

Derfor skal du ALTID specificere doctype helt fra designets start af, for at sikre dig at du altid ser det endelige resultat.

Hvordan får du iøvrigt lige validator.w3.org til at validere din kode som "korrekt" uden doctype specifikation?  :)
Avatar billede orca Nybegynder
05. august 2002 - 20:41 #8
Jeg har en Doctype derinde, en HTML 4.01 Transitional. Jeg ville gerne over til en HTML 4.01 Strict, men så er det problemerne opstår.

Jeg tror måske jeg ved hvad mit problem bunder i. Jeg har en flydende Div som er positioneret absolut. Det er menuen, dens højde vil jeg gerne have til at være 100%, altså fortsætte nedad, fra dens top position. Men det kan jeg ikke få den til, jeg aner ikke hvad jeg gør forkert :(

Mvh mark
--
www.improve.dk
Avatar billede picment Nybegynder
05. august 2002 - 21:02 #9
Mit svar er stadig det samme - din browser gør hvad du har bedt den om.

Du har sat menuen til at være 100% - og det er den også nu - men vinduet scroller. Hvis du lægger mærke til det, så scroller vinduet lige præcis det antal pixels som menuen har af afstand til toppen. Menuen er altså 100% høj - men i forhold til HELE vinduets højde, og ikke relativt i forhold hvor den er positioneret. Du kan ikke gøre det på den måde der.

Du kunne evt. lave din menu som et baggrundsbillede med tekst ovenpå istedet. Lav det 2000 px højt eller whatever. Som en .gif fylder det ikke ret meget alligevel.
Mvh.
Søren
Avatar billede picment Nybegynder
05. august 2002 - 21:04 #10
Det ser forøvrigt godt - straight and to the point :)
Avatar billede orca Nybegynder
05. august 2002 - 21:18 #11
picment -> Ang menuen, ja den er sat til 100% lige nu, men hvis du kigger under f.eks Reference Lister -> HTML så bliver siden meget længere, og menuen er stadig kun 100% - i forhold til sidens normale højde, altså stopper min menu lige pludselig. Jeg vil prøve det med et baggrundsbillede, men det undrer mig hvis ikke det kan læses med normalt html?

Tak for kommentar :)
Avatar billede picment Nybegynder
05. august 2002 - 21:52 #12
Okay - nu ved jeg hvad dit CSS problem er :)
Din menu kommer før dit indhold i dokumentet - og din menu kan altså ikke spå om fremtiden og gætte på hvor højt indholdet i din body-ting er.
Derfor tager menuen højden fra hvad den ved om dokumentet - sig selv.

Løsningen (eller et bud på een) er stadig at lave det baggrundsbillede der bare fortsætter nedad.

Giv mig så mine 30 point!  :)
Avatar billede orca Nybegynder
06. august 2002 - 11:56 #13
Hejsa igen. Jeg prøvede at flytte min menu ned efter indholdet, men det virkede heller ikke :). Jeg fik dog lavet et baggrundsbillede, og det virker umiddelbart :).

Tak for hjælpen, og så lad da gå, her har du dine 30 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