Avatar billede den-evil Nybegynder
23. november 2005 - 13:05 Der er 19 kommentarer og
1 løsning

txt i div skal ligge sig center

Har et lille problem her:
Teksten i min menu skal ligge sig centreret i højden!
Ligesom den ville gøre hvis det var i en td.

#menu{
height: 27px;
background-image:url(../images/bgs/menu-bg.gif);
background-repeat:no-repeat;
}
#box{
    float:left;
    width: 80px;
    height:25px;
    border:1px solid #FFFFFF;
    }

-----------------

    <div id="menu">
    <div id="box">sadsad</div>
    <div id="box">dsfdsf</div>
    </div>
Avatar billede mm12010 Nybegynder
23. november 2005 - 13:11 #1
prøv at se den her: http://www.wpdfd.com/editorial/thebox/deadcentre4.html

og så man iøvigt spørge hvorfor du ikke bare bruger tabel når den har de egenskaber du søger?-)
Avatar billede den-evil Nybegynder
23. november 2005 - 13:14 #2
Som sagt, ikke centreret i bredden, men i højden!
Fordi vil helst undgå at bruge tabeller
Avatar billede amikk Nybegynder
23. november 2005 - 13:28 #3
kan du ikke bare bruge padding med procent-angivelse

fx : <div style=""height:300px;height:300px;padding:50%,50%,50%,50%;"">blaaah</div>
Avatar billede den-evil Nybegynder
23. november 2005 - 13:55 #4
Jepsen, fandt ud af det, svar?
Avatar billede roenving Novice
23. november 2005 - 13:55 #5
Brug dog en tabel-celle, for det er det eneste element, der er skabt til den slags !-)
Avatar billede den-evil Nybegynder
23. november 2005 - 13:59 #6
hvis jeg gør det, kan man jo ikke kalde det tabelløst design? :)
Avatar billede mm12010 Nybegynder
23. november 2005 - 14:01 #7
hvad skulle formålet med det da oz være ?-)
Avatar billede den-evil Nybegynder
23. november 2005 - 14:05 #8
Avatar billede mm12010 Nybegynder
23. november 2005 - 14:21 #9
der står ikke at man skal kaste dig ud i urimelige og uhensigtsmæssige work-arounds for at undgå at bruge en tabel, hvis ikke du laver 100 nedtede tabeller, men nøjes med at bruge dem når det er nødvendigt, mister du ingen af de nævnte fordele...

- det er ikke dogmer ;-)
Avatar billede roenving Novice
23. november 2005 - 14:22 #10
Han bevæger sig lynhurtigt ind i noget vrøvl på den side ...

"Engang i fortiden var der ikke andre muligheder end at lave layout med tabeller, så derfor er det selvfølgelig forkert idag, hvor der også er _andre_ muligheder" (min fortolkning og understregning !-)

-- vil det sige, at du også straks vil ophøre med at bruge hvadsomhelst, der bruger hjul, medmindre det er et vandingssystem, som det oprindelig er opfundet til ?-)

-- tabellen er et af de html-elementer, du har til rådighed, når du vil strukturere dit html-dokument, der er f.eks. også p, form, div, ol/ul og mange andre ...

-- på alle elementer kan man bruge css-styling, så alene begrebet 100% css er noget vrøvl, og svarer til, at du dropper bilen og cyklen, når du skal hente morgenbasser om søndagen, og i stedet tager turen i en dåse autolak !o]

Så man skal selvfølgelig bruge tabeller, når det er det element, som opfylder ens behov, også i layout-mæssig sammenhæng ...

-- men jeg kan sagtens forstå, og vil også være med til at advare imod, 90'ernes tabelhelveder med op til 20-30 nestede tabeller og mylliarder af spacer.gifs til at udspænde dem ...

-- specielt i nogen sammenhænge er tabeller og tabelceller det eneste fornuftige, f.eks. ved vertikal centrering og højde-synkronisering af dynamisk indhold !-)
Avatar billede den-evil Nybegynder
23. november 2005 - 14:33 #11
Nej, kan godt se din point og giver dig 100% ret, dog er det heller ik mig der har skrevet artiklen.
Der er bare mange nu til dags er der er begyndt 100 % tabelløst design - og ville da så også selv lige prøve det, men som sagt, kan godt se din pointe
Avatar billede knudgert Nybegynder
23. november 2005 - 16:21 #12
Det kan nu godt lade sig gøre, at centrere noget i en div, man skal bruge display: table-cell, men desværre understøttes det ikke i IE, så her skal noget javascript til.

Se et eksempel på http://ellentoft.1go.dk/test/vertical.htm
Her er det ganske vidst et billede, men det kunne lige så godt være tekst.
Avatar billede roenving Novice
23. november 2005 - 16:35 #13
-- og hvad er lige ideen i at give et andet element de egenskaber en celle har, når man bare kan bruge cellen ?-)

-- det går i hvert fald henover mit hovede ...

-- og får mig til at tænke på et citat fra w3cs definition af class-attributten, hvor hoved-essensen er noget med, at der er så meget styrke i at benytte den, at man faktisk kan skabe sit helt eget dokument-sprog, og helt undgå at bruge de normale html-elementer og nøjes med f.eks. at bruge divs med forskellige (kombinationer af !-) style-regler ...

-- men det frarådes på det voldsomste, da det fuldstændig fjerner noget af det grundlæggende i html/css-kombinationen (og fratager html-dokumenter deres præg af at være skrevet efter en fælles standard !-)
Avatar billede knudgert Nybegynder
23. november 2005 - 22:02 #14
Jeg siger jo nu heller ikke, at man behøver at bruge, men blot at muligheden findes.

Iøvrigt er det jo ganske alm. cssstandard bruges, det er blot ikke understøttet i IE, derfor er et script nødvendigt.
Avatar billede roenving Novice
24. november 2005 - 00:00 #15
Jepz, css-standarden giver mulighed for at omfortolke html til alt muligt andet ...

-- hvilket kan give mening i et xml-koncept, menøeh, det kan jeg ikke finde, at det gør i html-sammenhæng !-)
Avatar billede den-evil Nybegynder
24. november 2005 - 08:26 #16
Nå, skulle vi aldrig have et svar eller noget her, så spm kan blive lukket?
Avatar billede knudgert Nybegynder
24. november 2005 - 16:48 #17
Så må du jo skrive, hvem du synes, der fortjener point ;-)
Avatar billede den-evil Nybegynder
25. november 2005 - 08:36 #18
Godt spm :-)

Skal vi sige...... 1 mand til mølle ? :)
Avatar billede mm12010 Nybegynder
25. november 2005 - 08:42 #19
jeg vil jo nok mene, at den med at dele porten er mere rimelig !-)
Avatar billede knudgert Nybegynder
25. november 2005 - 16:16 #20
Jeg vil ikke ha' nogen, ellers mange 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