Notifikationer

Markér alle som læst Log ud

4b4 Nybegynder

14. juni 2007 - 22:30 Der er 15 kommentarer og
1 løsning

Centreret i browser

Hvordan placerer man noget helt centreret i et browser window.. altså midt på siden både mht. højdre og brede?

Kan ikke rigtig få det til at funge med tables (width=100% height=100%)

Synes godt om

jweber Nybegynder

14. juni 2007 - 22:43 #1

<html>
<head>
<title></title>
<style>
#container {
position:absolute;
left:50%;
margin-left:-490px;
width:980px;
top:50%;
height:600px;
margin-top:-300px;
background-color:#0033CC;
}
</style>
</head>
<body>

<div id="container">
</div>

</body>
</html>

Denne div boks vil altid være centreret i højde og bredde. Du skal bare altid sætte margin-left og margin top til det halve af henholdsvis bredden og højden.

Synes godt om

4b4 Nybegynder

14. juni 2007 - 22:47 #2

Det er vel lidt problematisk da forskellige opløsninger?

Synes godt om

4b4 Nybegynder

14. juni 2007 - 22:47 #3

og indholdet ændrer sig..

Synes godt om

goose Nybegynder

14. juni 2007 - 22:56 #4

Fandt lige noget gammelt noget:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0">
<TR ALIGN="center">
<TD>DETTE STÅR PÅ MIDTEN</TD>
</TR>
</TABLE>

</BODY>
</HTML>

/Goose

Synes godt om

jweber Nybegynder

14. juni 2007 - 22:57 #5

Dette virker uanset hvilken opløsninger der køres med. Hvad mener du med at indholdet ændre sig?

Synes godt om

4b4 Nybegynder

14. juni 2007 - 23:02 #6

Hvad mener du med: Du skal bare altid sætte margin-left og margin top til det halve af henholdsvis bredden og højden.

og hvad er det lige..

margin-left:-490px;
width:980px;
height:600px;
margin-top:-300px;

??

Synes godt om

4b4 Nybegynder

14. juni 2007 - 23:20 #7

se: http://www.bergsorensen.dk/

Fungerer ikke rigtig efter hensigten :(

Synes godt om

jweber Nybegynder

14. juni 2007 - 23:24 #8

#container {
position:absolute;
left:50%;
margin-left:-490px;
width:980px;
top:50%;
height:600px;
margin-top:-300px;
background-color:#0033CC;
}

i mit eksempel har jeg angivet min divs boks til at have en bredde på 980px og jeg har der sat margin.left til 490px (altså det halve), højden er sat til 600px og margin-top 300px (altså igen det halve).

Divs boksen bliver jo placeret 50% nede på skærmen(top:50%) og 50% inde på skærmen (left:50%), men det er jo beregnet for øverste venstre hjørne, derfor trækker jeg den halve højde(margin-top:-300px) og den halve bredde (margin-left:-490px) fra.

Synes godt om

jweber Nybegynder

14. juni 2007 - 23:26 #9

Prøv at sætte en ramme på din tablen eller div boks, eller hvad det nu er, så er det noget nemmere at arbejde med, så kan du altid fjerne den igen bagefter.

Synes godt om

4b4 Nybegynder

14. juni 2007 - 23:29 #10

jweber: det er jo noget hø.. for indholdet af divn' kan/og vil ændre sig..

Synes godt om

jweber Nybegynder

14. juni 2007 - 23:41 #11

Ja det er klart hvis hvis indholdet varierer i højde og brdde fra side til side så duer det ikke, overstående virker blot som en ramme du kan smide alt dit indhold ind i. Ellers så kan du smide det ind i en tabel og sætte Width='100%', height='100%' og align='center' valign='center' på din html tabel.

Synes godt om

roenving Novice

15. juni 2007 - 13:40 #12

Enten skal du benytte gooses forslag 14/06-2007 22:56:18, eller også skal du kende udstrækningen af dit indhold og f.eks. benytte thebox' metode: http://www.wpdfd.com/editorial/thebox/deadcentre4.html !-)

Synes godt om

keysersoze Ekspert

16. juni 2007 - 09:25 #13

Ulempen ved thebox' metode er bare, at hvis siden kører på en tilstrækkelig lille opløsning forsvinder toppen fuldstændig og uden mulighed for at scrolle op.

Igen, man skal selvfølgelig også her kende højden på siden, men da jeg sad og lavede www.simonstaun.dk forsøgte jeg at "opfinde" en ny måde at gøre da på da jeg ellers også altid har haft gjort som thebox... og det ser faktisk ud til at virke.

Men kender man ikke højden er tabeller vist eneste mulighed.

Synes godt om

4b4 Nybegynder

16. juni 2007 - 10:50 #14

www.bergsorensen.dk

Fungerer den hos jer?

har bare anvendt en ganske aldm. table som jweber omtalte (modificeret i forhold til goose)

Synes godt om

4b4 Nybegynder

19. juni 2007 - 11:29 #15

Nå.. skal vi lukke? smid svar

Synes godt om

goose Nybegynder

19. juni 2007 - 14:19 #16

Nu ved jeg ikke hvem du menr der skal smide et svar, men jeg kan da godt gøre det :o)

/Goose

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
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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