Søg
Avatar billede super_glenn Nybegynder
19. juli 2004 - 17:57 Der er 18 kommentarer og
2 løsninger

center og middle

hvad skal jeg skrive i mit stylesheet for at min side vil være i midten og centeret i alle browser og med alle opløsninger?
Avatar billede terrak Nybegynder
19. juli 2004 - 18:01 #1
body {
text-align: center;
}
Avatar billede super_glenn Nybegynder
19. juli 2004 - 18:01 #2
nope virker ikke i firefox
Avatar billede stich Nybegynder
19. juli 2004 - 18:02 #3
margin-left:auto; margin-right:auto; width:760px; .. fx
Avatar billede super_glenn Nybegynder
19. juli 2004 - 18:04 #4
også med margin-top:auto; margin bottom: auto; ? hvad med når du angiver en størrelse vil den så fx 760px vil den så altid centrer sig i hvilken som helst opløsning?
Avatar billede syvon Nybegynder
19. juli 2004 - 18:06 #5
eller læg alt indhold i en <div> og brug denne

#container {
position: absolute;
width:  700px;
height:500px;
left: 50%;
margin-left: -350px;
margin-top: 0;
vertical-align:top;
}
Avatar billede jamiros Novice
19. juli 2004 - 18:07 #6
Hvis du laver en table der 100% * 100% så kan det styres deri
Avatar billede super_glenn Nybegynder
19. juli 2004 - 18:07 #7
jeg har det her i mit style sheet:

BODY
      {   
        FONT-FAMILY: Trebuchet MS, Geneva, Arial, helvetica;         
        FONT-SIZE: 8pt;   
        background-color: #ffffff;     
        margin-left:auto;       
        margin-top:auto;       
        margin-bottom:auto;             
        margin-right:auto; 
      margin-left:auto;
}

men det medføre at siden klæber sig helt op i venstre hjørne af skærmen....
Avatar billede super_glenn Nybegynder
19. juli 2004 - 18:08 #8
*ved godt der er noget galt med font family
Avatar billede stich Nybegynder
19. juli 2004 - 18:13 #9
du skal smide det i en <div>, fx:

<div style="margin-left:auto; margin:right:auto; width:760px;>
og så resten af din html herinde
</div>

Så bliver siden centreret horinsontalt, men ikke vertikalt. Skal den også det?
text-align:center; skal du kun bruge hvis teksten også skal rykkes ind i midten af din boks. Læs evt. de tutorials på www.html.dk, de forklarer de grundlægge ting omkring et div/css layout ganske godt!
Avatar billede jamiros Novice
19. juli 2004 - 18:14 #10
Det her virker ihvertfald

<body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="middle">PLACER DIN HJEMMESIDE HER</td>
</tr>
</table>
</body>
Avatar billede super_glenn Nybegynder
19. juli 2004 - 18:16 #11
ja tak også vertikalt
Avatar billede super_glenn Nybegynder
19. juli 2004 - 18:19 #12
smukt jamiros den virker ihvertfald i IE....
Avatar billede jamiros Novice
19. juli 2004 - 18:21 #13
Det plejer at virke i de fleste browsere, men endnu må man nok prioritere IE højest :-)
Avatar billede super_glenn Nybegynder
19. juli 2004 - 18:25 #14
jep :) hmmm point jamiros får 7 og 3 til stich tak for hurtig hjælp - (ved godt det er lidt latterligt med de point der :P )
Avatar billede syvon Nybegynder
19. juli 2004 - 18:28 #15
ellers så er der et eksempel her med css:

http://syvon.povlsen.cc/peder/andre/dead_centre.htm

og det virker i:
IE, Ns, opera og mozzila
Avatar billede syvon Nybegynder
19. juli 2004 - 18:29 #16
mozzila rettes lige til mozilla
Avatar billede stich Nybegynder
19. juli 2004 - 18:42 #17
tabeller til layout er dårlig skik :)~
Avatar billede jamiros Novice
19. juli 2004 - 18:50 #18
Enig! - Jeg kan se at det som syvon har lavet umiddelbart ser rigtig godt ud! ;-)
Avatar billede super_glenn Nybegynder
21. juli 2004 - 00:12 #19
hvis jeg kan nå at råbe nogen op så kan jeg ikke foå syvons kode til at virke på min side det passer ikke med den tabel jeg bruger det kommer bare til at være nede i højre hjørne?
Avatar billede syvon Nybegynder
21. juli 2004 - 00:14 #20
så bliver vi nok nød til at se noget kode
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
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.

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 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »