Avatar billede webrex Nybegynder
22. august 2005 - 17:33 Der er 7 kommentarer og
1 løsning

Forvirring omkring vertikal alignment !

Skal placere en linje vertikalt i midten i en div. Hvordan gøres dette korrekt - har efterhånden læst meget omkring det på nettet. Men det virker lidt for besværligt at lave negativ alignment i css - så har lavet en table - og hvad er koden da?

/Webrex
Avatar billede roenving Novice
22. august 2005 - 17:39 #1
Standard-placeringen af indhold i tabelceller er vertikalt centreret, så det er den nemme måde !-)

-- men jeg er ikke sikker på, hvor du vil hen, skal der også noget over og under, eller hvad ?-)
Avatar billede webrex Nybegynder
22. august 2005 - 17:44 #2
Mht. standard - ja, det kan jeg se - men ikke sikker på, at alle browsere tolker ligesom IE? - Så derfor ville jeg gerne have en kode!

Det er bare en linje, jeg placerer i bottom-delen. Copyrigt (C)... Som det eneste tekst i div'en.
Avatar billede roenving Novice
22. august 2005 - 17:50 #3
<div style="width:800px;margin:0 auto;height:45px;">
  <table style="width:100%;height:100%;">
    <tr>
      <td style="width:100%;text-align:center">
        Copyrigt © webrex 2005</td>
    </tr>
  </table></div>

-- er helt klart det nemmeste !-)
Avatar billede webrex Nybegynder
22. august 2005 - 17:55 #4
Ok, så du ville ikke definere det vertikalt - for en sikkerheds skyld?
Avatar billede roenving Novice
23. august 2005 - 00:49 #5
Der er ingen grund til at angive en vertical-alignment, hvis man alligevel vil bruge default-værdien !-)
Avatar billede webrex Nybegynder
26. august 2005 - 17:49 #6
Smid et svar Roenving og samtidig hvad koden ville hedde, hvis du vil centrere en tekst-linje vertikalt i en div! ;)
Avatar billede roenving Novice
27. august 2005 - 00:49 #7
Man kan ikke (hvis man vil understøtte browsere, som ikke understøtter CSS2s definitioner af vertical-align, f.eks. Internet Explorer til og med v.6 !-) centrere noget vertikalt uden at kende højden på det centrerede og elementet, og så må man angive en hard-coded værdi for top !o]

-- hvis din div er neget høj i forhold til indholdet kan du dog bruge et hack, som ingen sikkert vil opdage: style="position:relative;top:47%;"

-- els velbekomme '-)
Avatar billede roenving Novice
28. august 2005 - 12:49 #8
-- og tak for 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