Avatar billede thomaxz Nybegynder
23. januar 2006 - 12:07 Der er 9 kommentarer og
1 løsning

Jeg har et lille problem.

http://tc.hotserv.dk/index.php?side=login er det meningen af det blå stykke skal gå helt ned til bundlinien og så ellers bare følge med alt efter indhold, hvordan gør jeg de,t jeg har prøve med height til 200% og 100%, men der er ingen ændringer.
Avatar billede roenving Novice
23. januar 2006 - 13:53 #1
-- sæt alle omkransende elementer til 100% !-)

-- start med de alleryderste:

html,body{height:100%;margin:0;padding:0;}
Avatar billede thomaxz Nybegynder
23. januar 2006 - 14:27 #2
hvis jeg sætter html og body til 100% fylder side hele vinduet, og det er ikke meningne, hvis jeg nøjes med den ene, sker der ingen ændring, det er meningen at det blå stykke, menuen skal gå ned tl den sorte bjælke med tal, og så bare udvide sig efter indhold.
Avatar billede roenving Novice
23. januar 2006 - 14:34 #3
Det lyder som om, du har brug for en tabel !-)
Avatar billede olebole Juniormester
24. januar 2006 - 00:04 #4
<ole>

- og at bruge en tabel burde ikke skabe problemer i en HTML4.01 kode ... og slet ikke i en HTML3.2 kode, som den du linker til  :)

/mvh
</bole>
Avatar billede thomaxz Nybegynder
24. januar 2006 - 08:12 #5
ok, jeg har nu designet med en tabel, da det virker.

olebole, HTML 3.2? hvor er det den gør det?

så vidt jeg kan se ,http://www.w3.org/TR/html4/struct/global.html burde den henvise til html 4.01
Avatar billede olebole Juniormester
24. januar 2006 - 09:29 #6
Jamen, selve din HTML-kode er tættere på HTML3.2 end 4.01 - herunder brug af font- og center-tags, der er deprecated i HTML4.01 ... og det gælder også 'bgcolor' på tabel-celler. Det er ikke direkte invalid kode, men ret outdated ... ikke mindst, når du bruger CSS  ;o)

Når så vi er ved CSS'en, så giver 'height:100%' ingen mening, når det omkransende element ikke eksplicit har fået sat en højde - som det sker ved dit div med klassen 'menu'. Det er også det, roenving hentyder til i (23/01-2006 13:53:57).

Derudover undrer det, at:
1. du sætter 'display' til 'block' på et div, der jo i sig selv er et block-element,
2. sætter bredden på et div til '100%', da det jo alligevel fylder hele bredden,
3. floater et div med bredden '100%' ... det kan jo aldrig få indflydelse på noget,

- og så spekulerer jeg på, hvad du vil opnå ved at sætte 'vertical-align:bottom' på divet med klassen 'tal'.

Som du ser, forholder en validator sig ikke til, om koden giver mening. Den checker kun for evt. syntaktiske fejl.
Valid kode er ikke nødvendigvis god kode ... men god kode altid er valid kode  :)

Derfor siger de to W3C-bannere heller ikke spor om kvaliteten af din kode. Det eneste, de oplyser, er, at du er kvik nok til at læse en manual og gøre nogenlunde, som der står. Det er vel et must - og ikke noget at reklamere for  ;o)
Avatar billede thomaxz Nybegynder
24. januar 2006 - 14:09 #7
Nu er ngole af css tingene fordi den også bruge til den sider der var der før, hvis nogen ville se den.

http://tc.hotserv.dk/index3.php?side=login


hvad kan jeg bruge i stede for font?


.tal {
    display:block;
    float: left;
    overflow:hidden;
    width:100%;
    vertical-align:bottom;
}

hele den del er en del, jeg har fået hjælpe til at lave for at få linene med tal til kun at være indefor græsen og alltid de ekstra tal der er gennerede bliver skjult.


-Thomas
Avatar billede olebole Juniormester
24. januar 2006 - 14:20 #8
I stedet for font-elementer, bør du bruge span.

For divet med klassen 'tal' kan du roligt slette 'display:block', 'float:left' og 'vertical-align:bottom'. De har ikke indflydelse på noget, så det har ikke været særlig god hjælp.
Det med bredden skyldes overflow'et - så den er god nok, når du ikke ved, hvormange tegn der kommer  :)

- men tænk stadig over, hvad det er, du vil signallere med de to bannere ... og læg i den forbindelse mærke til, at ingen professionelle kodere bruger dem  ;o)
Avatar billede olebole Juniormester
24. januar 2006 - 14:24 #9
- og så behøver du jo kun halvdelen af dine font-/span-elementer. Dette:

<div>
  <span style="color:red">o</span><span style="color:blue">l</span><span style="color:red">e</span>
</div>

- giver samme resultat som:

<div style="color:red">
  o<span style="color:blue">l</span>e
</div>
Avatar billede thomaxz Nybegynder
24. januar 2007 - 12:42 #10
tak
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