CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

fynbo Nybegynder

09. maj 2007 - 00:55 Der er 12 kommentarer

Div, border og height

hey,

Hvorfor komme der en scrollbar på denne side?

Scrollbar'en scroller akkurat den højde som borderen er på ?

det er samme problem i både firefox og IE! hvis jeg fjerner doctype, så virker det fint!

http://dev.artrebels.com/stores/fashion/new_front.php her er linket

Synes godt om

windcape Praktikant

09. maj 2007 - 02:16 #1

først fixer du problerne med din html ifølge validatoren
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdev.artrebels.com%2Fstores%2Ffashion%2Fnew_front.php

derefter kører du
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fdev.artrebels.com%2Fstores%2Ffashion%2Fnew_front.php

og fixer de problemer.

Derudover afhænger scrollbar vel af om du har høj opløsning eller ej...

Synes godt om

windcape Praktikant

09. maj 2007 - 02:17 #2

Og hvis der så stadig er problemer derefter så kigger vi på det.

Synes godt om

fynbo Nybegynder

09. maj 2007 - 02:21 #3

hey,

det er selvfølgelig typisk du ser siden mens jeg arbejder påden.. er igang med at flytte det gamle html over til xhtml og var igang med at rette til, da du tjekkede siden.. alle fejlene er rettet nu, men den viser stadig en scrollbar som scroller de 15 pixels som bund-border er..

igen.. fjerner jeg doc-type så virker det.. det er somom den tager 100% height og adder 15 pixels oveni

Synes godt om

roenving Novice

09. maj 2007 - 02:54 #4

Ja, og det er præcis som det skal være !-)

-- ifølge w3cs rekommendation skal den beregnede højde af noget nemlig inkludere selve indholdets højde tillagt margin, border og padding i både top og bund !o]

-- og efter at have set et sekund på koden via w3cs validator var det dog indlysende, at der er voldsomme bugs i den, f.eks. burde det overhovedet ikke være muligt at godkende åbenlyst vrøvl som f.eks.

<div class="brand_item"><img src="images/brand_test.gif" alt="adidas"></img></div>

,-(

Synes godt om

roenving Novice

09. maj 2007 - 02:56 #5

PS. Et img-tag _må_ ikke have et selvstændigt afslutningstag, så validatoren er virkelig ude på de vilde vover ,o[

Synes godt om

fynbo Nybegynder

09. maj 2007 - 07:42 #6

ok, men hvordan løser jeg problemet med scrollbar'en i bunden?

Hvordan kan jeg eventuelt lave en height:100% på den og så placere et div i bunden på 15 pixels i højden og med blå baggrundsfarve?

iøvrigt - om du afslutter img via <img></img> eller <img />, er det ikke det samme? hvilke andre bugs kan du finde??

Synes godt om

mclemens Nybegynder

09. maj 2007 - 10:30 #7

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body {margin:0;padding:0;height:100%;}
#content {height:100%;background:#aaa;margin:0 auto;width:760px;position:relative;}
body > #content {height:auto;min-height:100%;}
#bottom {position:absolute;bottom:0;height:15px;overflow:hidden;width:100%;background:#55f;}
</style>

</head><body>
<div id="content">
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a 
<div id="bottom"></div>
</div>
</body></html>

Synes godt om

mclemens Nybegynder

09. maj 2007 - 10:36 #8

Siden leveres som text/html

Læs evt. Olebole's artikler:
http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538

Og kig på denne for levering som xhtml:
http://www.eksperten.dk/spm/719030#rid6329210

Synes godt om

mclemens Nybegynder

09. maj 2007 - 10:46 #9

"iøvrigt - om du afslutter img via <img></img> eller <img />, er det ikke det samme?"
... Nej, det er ikke iorden iflg. html standarderne, prøv f.eks. at lukke et script
i head delen med /> istedet for </script> og se siden med IE. Husk at der er ingen
browsere der kører xhtml ordentligt som xhtml burde køres, de blander alle html
parseren med ind i deres rendering af siden. Og nogle html parsere tager måske
ikke ugyldig lukning af elementer lige godt (som med f.eks. script).

<div id="bottom"/> er også en forkert lukning.

Synes godt om

roenving Novice

10. maj 2007 - 00:29 #10

-- og også meningsløs ...

Synes godt om

windcape Praktikant

11. maj 2007 - 16:42 #11

Synes godt om

roenving Novice

12. maj 2007 - 21:47 #12

Absolut uenig !-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS