Avatar billede 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
Avatar billede 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...
Avatar billede windcape Praktikant
09. maj 2007 - 02:17 #2
Og hvis der så stadig er problemer derefter så kigger vi på det.
Avatar billede 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
Avatar billede 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>

,-(
Avatar billede 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[
Avatar billede 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??
Avatar billede 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<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
<div id="bottom"></div>
</div>
</body></html>
Avatar billede 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
Avatar billede 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.
Avatar billede roenving Novice
10. maj 2007 - 00:29 #10
-- og også meningsløs ...
Avatar billede windcape Praktikant
11. maj 2007 - 16:42 #11
<script /> ville være dejligt engang imellem :( gælder mig til at IE understøtter dette.

er så latterligt at skulle skrive </script> hver gang man bruger externe .js filer.
Avatar billede roenving Novice
12. maj 2007 - 21:47 #12
Absolut uenig !-)
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