CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

wenzell Nybegynder

20. juli 2004 - 15:20 Der er 7 kommentarer og
1 løsning

Vertikal Centrering af boks

Hej Eksperter!

200 points!!

Jeg laver en site, som jeg først byggede op i frames, så jeg fik en boks i midten af mit browser-vindue. Udover, at jeg kan lide layoutet, så er det også godt for brugere med 800x600 opløsning, da de så bare ikke ser rammen rundt om min main-frame.

Men jeg vil udenom FRAMES nu!! Prøver derfor at bygge den med CCS, men jeg kan så ikke få boksen til at justere vertikalt centreret...

Eksempel:

Med frames: www.DKLnet.dk/frames/index.html
Med CCS: www.DKLnet.dk/frames/ccs.html

Jeg har også tidligere lavet www.DKLnet.dk som også er opbygget med frames.

Jeg kan ikke finde en løsning, så jeg giver 200p for en løsning, uanset hvad den bygger på - bare det virker (uden frames).

På forhånd, tak!
Ronni,

Synes godt om

le_bon Nybegynder

20. juli 2004 - 15:35 #1

Hmmm....jeg ved ikke om det er dette her du mener, men dette her placerer i hvert fald dit indhold i midten, både vertikalt og horizontalt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<table border="0" cellpadding="0" style="width:100%;height:100%;">
<tr>
<td style="text-align:center;vertical-align:middle;">Her har du midten!</td>
</tr>
</table>
</body>
</html>

Synes godt om

yellow Nybegynder

20. juli 2004 - 15:45 #2

Der er nogle eksempler her: http://www.quirksmode.org/css/centering.html

Synes godt om

overchord Nybegynder

20. juli 2004 - 16:32 #3

Hvis du smider en tabel omkring det og bruger valign kunne det maaske virke...

Synes godt om

wenzell Nybegynder

20. juli 2004 - 19:01 #4

le_bon & overchord >> jo, I har jo ganske ret med at jeg kunne smide en tabel omkring mit indhold og dermed få vertikal centrering med valign/ vertical-align... Godt tænkt!

...men jeg må indrømme, at det ikke er dén løsning jeg har valgt at bruge.. Jeg vil nemlig gerne prøve at holde god skik med programmeringen af css og derfor tjekkede jeg yellow's link. Dog virkede css-koderne på denne side ikke helt godt, for hvis man kun ændrede browser-vinduet med nederste kant, centrerede den af en eller anden grund ikke (...? Jeg browser med IE 6.0 ??)

(((MEN))) - herfra blev der linket til
http://www.wpdfd.com/editorial/wpd0103.htm#toptip , hvor jeg fandt LØSNINGEN!! Det lader til, at der er flere gode ting at hente på denne side!

...så jeg håber det er ok med jer andre, at jeg forærer mine points til yellow?

Mange tak for hjælpen!
ronni.

PS: yellow>> jeg skal bruge et svar for at kunne give dig points.

Synes godt om

yellow Nybegynder

21. juli 2004 - 02:53 #5

"Dog virkede css-koderne på denne side ikke helt godt, for hvis man kun ændrede browser-vinduet med nederste kant, centrerede den af en eller anden grund ikke (...? Jeg browser med IE 6.0 ??)"
Besynderlig opførsel - det havde jeg ikke set.

Anyway, det ser umiddelbart også ud til at løsningen på det andet link du fandt er "pænere".

Tak for point :-)

Synes godt om

le_bon Nybegynder

21. juli 2004 - 11:54 #6

Helt ok! Jeg tror lige jeg tjekker linket ud også! c",)

Synes godt om

roenving Novice

21. juli 2004 - 12:21 #7

Den er også arkiveret hos mig ;O)

Synes godt om

wenzell Nybegynder

21. juli 2004 - 13:39 #8

Værs'go yellow

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS