Avatar billede webrex Nybegynder
22. marts 2005 - 23:25 Der er 5 kommentarer og
1 løsning

tekst i divs

Hejsa

Du har 5 ens divs, med forskellig længde tekst i. Hvordan placere du de forskellige stykke tekster midt i divs'ene både horisontialt og vertical. Løsningen skal ikke kun du i IE (også Mozilla, Netscape, Opera).

Mvh.
Webrex
Avatar billede fommy Nybegynder
22. marts 2005 - 23:52 #1
Det skulle kunne gøre det med

DIV {
  width:300px;
  height:120px;
  text-align:center;
  vertical-align:middle;
}

Som du indsætter i din CSS fil eller i din style tag
Avatar billede olebole Juniormester
23. marts 2005 - 07:29 #2
<ole>

Nej, vertical-align har forskellig virkemåde på tabel-celler og alle andre elementer. Det er kun i <td>'er, man kan bruge den til at centrere vertikalt.

webrex >> Det kræver, du ved, hvor høje dine divs er - og kan sætte en højde på dem i designfasen. Ellers må der JavaScript til.

/mvh
</bole>
Avatar billede webrex Nybegynder
23. marts 2005 - 10:29 #3
Sådan ser de ud i css. En stor med små (#container) med små indeni(#container div):
Som I kan se er de 125 px høje!

#container {
    position: relative;
      width: 722px;
    height: 386px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;   
      text-align: left;
}
#container div{
        float: left;
        width: 140px;
    height: 125px;
        overflow: hidden;
        margin: 1px 1px 1px 1px;
        border: 1px solid #696969;
    text-align: left;
}
Avatar billede webrex Nybegynder
28. marts 2005 - 17:05 #4
> Olebole, du lader det lyde som om, du ved, hvordan dette (banale) problem løses, så jeg ville da blive glad, hvis du uddybede lidt mere!
Avatar billede webrex Nybegynder
28. marts 2005 - 21:49 #5
Nogen der kan hjælpe..?
Avatar billede webrex Nybegynder
03. april 2005 - 15:32 #6
Jeg har løst problemet ved at indsætte table, bruge vertical-align, og styre horisontal align med margin. Slut herfra.
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

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging