Avatar billede khalus Nybegynder
11. september 2003 - 16:52 Der er 11 kommentarer og
2 løsninger

v og h centrering

Hvordan får jeg centreret en boks både vertical og horizonal?

NB!! Jeg leder ikke efter:'
<table>
<tr>
<td align="center" valign="middle">
</td>
</tr>
</table>

Men derimod en css løsning på problemet
Avatar billede lordhead Nybegynder
11. september 2003 - 16:55 #1
body {
text-align: center;
}
div.box {
vertical-align: center;
}
Avatar billede foxy_lady Nybegynder
11. september 2003 - 17:03 #2
.boks  {
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;   
}

prøv denne...
Avatar billede foxy_lady Nybegynder
11. september 2003 - 17:06 #3
Har lige en rettelse:

.boks  {
clear: left;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;   
}
Avatar billede lordhead Nybegynder
11. september 2003 - 17:07 #4
hvorfor accepterede du begge svar ?
Avatar billede foxy_lady Nybegynder
11. september 2003 - 17:22 #5
hehe ja, for ingen af tingene dur, lol..
Avatar billede khalus Nybegynder
11. september 2003 - 17:25 #6
stolede på jer ;) snøft...hehe
Avatar billede khalus Nybegynder
11. september 2003 - 17:25 #7
jeg er jo bare en godtroende newbie
Avatar billede lordhead Nybegynder
11. september 2003 - 17:27 #8
hehe... prøv dog tingene af inden du giver points ;)

Jeg kom bare med et skud, er selv en del newbie til nogen kategorier inden for CSS *S*
Avatar billede khalus Nybegynder
11. september 2003 - 17:36 #9
foxy lady, dit svar virker ikke i IE, vidst kun i Mozilla og andre browsere!
lordhead, text-align virker godt nok, men vidste det i forvejen, vertical-align virker ikke ^^ ;;)...nogle der har en viden de vil dele?
Avatar billede foxy_lady Nybegynder
11. september 2003 - 17:36 #10
her er noget der skulle virke...:

insæt dette i dit html-dokument: <div id="boks">indhold...</div>

indsæt dette i dit stylesheet:
#boks {
        position: absolute;
        width: 400px;
        height: 300px;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -150px;
        background-color: red;
    }
så kan du selv justere farve og størrlse..
Avatar billede foxy_lady Nybegynder
11. september 2003 - 17:40 #11
nej, nu bliver det snart pinligt.. den duer heller ikke hvis man ændre størrelsen.. er lige ved at finde ud af noget... måske :)
Avatar billede khalus Nybegynder
11. september 2003 - 17:44 #12
uhh det virker, du har vidst fået poiint ?? :D Er det den eneste måde eller er der også andre??
Avatar billede foxy_lady Nybegynder
11. september 2003 - 22:03 #13
host host -- lordhead, you owe me ;)
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