CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede 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,
Avatar billede 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>
Avatar billede yellow Nybegynder
20. juli 2004 - 15:45 #2
Der er nogle eksempler her: http://www.quirksmode.org/css/centering.html
Avatar billede overchord Nybegynder
20. juli 2004 - 16:32 #3
Hvis du smider en tabel omkring det og bruger valign  kunne det maaske virke...
Avatar billede 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.
Avatar billede 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 :-)
Avatar billede le_bon Nybegynder
21. juli 2004 - 11:54 #6
Helt ok! Jeg tror lige jeg tjekker linket ud også! c",)
Avatar billede roenving Novice
21. juli 2004 - 12:21 #7
Den er også arkiveret hos mig ;O)
Avatar billede wenzell Nybegynder
21. juli 2004 - 13:39 #8
Værs'go yellow
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
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
Variabler som ikke virker Af Frits Jensen i HTML 2 30/10/202409:37 30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 19:53 CD Burner XP (Sætte den til at optage nogle numre fra en CD - Men ikke alle ? Af Ikke-ekspert i Musik & videoafspillere
I går 17:42 Katastrofe med Pc Af LilBe i PC
I går 09:44 Mine emails kan pluselig ikke læses af modtagerne, kun uforståelige tal og bogstaver Af gunnarb i E-mail programmer
24/1216:03 Fjern "Seneste" - "Hurtig adgang" Fra Windows 11 - Hvordan ? Af Ikke-ekspert i Windows
23/1214:43 html <Input.. Danske bogstaver Af pjotre i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Historisk million-bøde får Region Syddanmarks it-direktør til at efterlyse nye GDPR-retningslinjer
Læs mere »
Ser med 'stor alvor' på problemer med vand, varme og manglende kontrol i politiets datacenter
Brugere rammes af Microsoft-fejl: M365-produkter er på mystisk vis blevet deaktiveret
Overblik: Danske it-selskaber strømmer ind mod den centrale storby - og det handler ikke om penge
Se alle »
Computerworld
Teaser billede
Netværkstest: Første mesh-sæt med komplette WiFi 7-features sætter nye rekorder for dækning og hastighed
Læs mere »
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
Nørgaard: Copilot scorer pænt højt i min kendte 3D-test (Dyrt, Dumt, Dårligt)
Se alle »
CIO
Teaser billede
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Læs mere »
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
AI er et falmende buzzword: Lad mig fluks dele en god og en dårlig nyhed
Region Sjælland vil skrive evighedskontrakt med Oracle-specialister: Står klar med 150 millioner kroner
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Sådan gør du: Elektronisk dokumentudveksling i praksis
Læs mere »
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Beskyt virksomheden mod trusler – og hold ressourceforbruget nede
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »