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

mosegris.dk Nybegynder

07. december 2005 - 22:45 Der er 21 kommentarer og
7 løsninger

CSS-positionering

Hey!

Jeg har et site, som er delt op i top, topmenu, venstremenu og content.
Alle elementer skal placeres i midten (altså, absolute, så det er i midten ved alle browsere)..! :)
Hvordan gør jeg det?!..

Check eksempel her: http://upload.interad.dk/ekssite.jpg

Synes godt om

doggy82 Praktikant

07. december 2005 - 22:51 #1

Lægger en div om hele svineriet:
http://lassefernov.dk/center.htm :)

Synes godt om

mosegris.dk Nybegynder

07. december 2005 - 22:57 #2

Hey..

Kan ikke få det til at virke?!.. Det kommer ikke midt på siden?! :)

Synes godt om

hacked Nybegynder

08. december 2005 - 02:20 #3

hvorfor ikke bare bruge
<center>
</center>
?

Synes godt om

ralfi Nybegynder

08. december 2005 - 02:29 #4

malkor:
<center> </center> er ikke understøttet af de nyeste html encodings.. og det er bøvlet at lave på alle sider..

mosegris; lav som tidliger nævt en container uden om dine div'er.. og giv den følgende værdier:

body {
margin: 0px auto;
padding: 0px;
text-align: center;
}

#container {
padding: 0px;
margin: 0px auto;
text-align: center;
}

Det er vigtigt at du for difineret padding til 0.. og at din margin bliver 0px auto.

Synes godt om

hacked Nybegynder

08. december 2005 - 02:43 #5

ok anyway min virker i mozilla og IE ;)

Synes godt om

hacked Nybegynder

08. december 2005 - 02:44 #6

woops glem min sidste kommentar

Synes godt om

hacked Nybegynder

08. december 2005 - 02:48 #7

hov nej er det mig der er gal på den eller virker jeres version integreret i et html dokument ikke i mozilla?

Synes godt om

hacked Nybegynder

08. december 2005 - 02:54 #8

Det er sent og mig der er gal på den ..... fumlede med noget table/tr/td hejs inde i div-tag. Ja hej.

Anyway:

<html>
<head>
<title>
tralalulalej
</title>
<style>

body {
margin: 0px auto;
padding: 0px;
text-align: center;
}

#container {
padding: 0px;
margin: 0px auto;
text-align: center;
}
</style>
</head>
<body>
<div id="container">
I midten
</div>
</body>
<html>

og godnat

Synes godt om

saucer Nybegynder

08. december 2005 - 14:17 #9

Hvad med :

<style type="text/css">

body {
margin:0px;
padding:0px;

}

#center {

width: 440px;
height: 300px;

position: absolute;

margin-left: -220px;
margin-top: -150px;

left: 50%;
top: 50%;

}
</style>

<div id="center">Woo Hoo, det virker.</div>

Synes godt om

wanze Nybegynder

09. december 2005 - 15:41 #10

Mystisk løsning, saucer.

Jeg ville nok bare bruge: "margin: 0 auto" på div'en der skal centeres og "text-align: center" på body.

Grunden til dette er, at Internet Explorer ikke så godt forstår en auto-margin, men der er Internet Explorer "heldigvis" dårlig nok til at tolke en div som text(derfor text-align).

Synes godt om

mosegris.dk Nybegynder

09. december 2005 - 16:21 #11

Heysa alle sammen!

Jeg har stadigvæk ikke kunnet få det til at virke! :/
Men tak for jeres inputs!.. I får lov til at dele, hvis det er okay?

Synes godt om

doggy82 Praktikant

09. december 2005 - 16:54 #12

Jamen upload dog din site så vi kan hjælpe. Du bliver jo nødt til at sige hvor problemet ligger før vi kan hjælpe. Du kan jo se min side der - det virker. Så skal du bare smide din egen koden oven i det :)

Synes godt om

danielic Nybegynder

09. december 2005 - 17:08 #13

Hvorfor lave css direkte ind i filen?

Hvorfor ikke lave en fil og linke til den...

eks:
index.php
<html>
<Head>
<title>Velkommen!</title>

<link rel="stylesheet" type="text/css" href="stien til din css fil.css">
<html>
</head>

<html>
<body>

<p class="overskrift">Velkommen!</p>

<p class="text">Teksten på siden...</p>

</body>
</html>

sitestyle.css
body {
margin-left:xx;
margin-right:xxx;
margin-top:xxx;
margin-bottom:xxx;

background-color:#FFFFFF;
}

p.overskrift {
font-size:80%
font-family:Arial;
font-color:#000000;
}

p.text {
font-size:65%
font-family:Arial;
font-color:#000000;
}

osv.

Sådan har jeg lavet min side :D
http://www.danielic.dk

Synes godt om

mosegris.dk Nybegynder

09. december 2005 - 17:12 #14

http://www.nemweb.dk/U_site_interad.nsf - Dette er blot en test/et udkast..
Men det skal rykkes til midten af sitet..
CSS kan ses på http://www.nemweb.dk/U_site_interad.nsf/style.css

Synes godt om

doggy82 Praktikant

09. december 2005 - 17:15 #15

Hvorfor lave css direkte ind i filen?
Spørger du mig? Svar: Så det er lettere at forstå mit eksempel.

Synes godt om

mosegris.dk Nybegynder

09. december 2005 - 17:17 #16

Mit eksempel skal styres fra et CSS.. Det er en skabelon, og jeg kan ikke ændre i selve HTML'en.. Kun i de predefienerede CSS-parametre! Derfor! ;)

Synes godt om

hacked Nybegynder

10. december 2005 - 04:19 #17

"Hvorfor skrive css direkte ind i htmlfilen?"

Mit "html dok" var blot et eksempel og som klokkeslættet antyder var det sent at eksempelt blev skrevet. Var for doven til at oprette to dokumenter. Spørgsmålet gik ud på at få HTMLelementer til at stå i midten af en htmlside. Anyway som ovenstående skriver er det bedre at adskille html og css.

Synes godt om

saucer Nybegynder

13. december 2005 - 10:05 #18

wanze >> Mystisk eller ej, men det virker 100% i alle browser så det et IE ikke kan læse korrekt tager du fejl.

Synes godt om

saucer Nybegynder

13. december 2005 - 14:07 #19

Prøver lige igen uden stavefejl

wanze >> Mystisk eller ej, men det virker 100% i alle browser, så det at IE ikke kan læse korrekt tager du fejl.

Synes godt om

mosegris.dk Nybegynder

13. december 2005 - 15:01 #20

Hey, vil I ikke hjælpe?! ;)

Synes godt om

saucer Nybegynder

13. december 2005 - 15:32 #21

mosegris.dk >> Vi giver der en del information som du kan bruge.. Prøv det som jeg har skrevet så vil du se at det virker. Du skal jo selv prøve dig lidt frem og ikke regne med at få alt lavet, ellers lær' du intet

Synes godt om

doggy82 Praktikant

13. december 2005 - 15:36 #22

Hmm du skal have den er side http://www.nemweb.dk/U_site_interad.nsf centreret?
Er det mig der er totalt retarderet, eller er den ikke det nu?!

Synes godt om

mosegris.dk Nybegynder

13. december 2005 - 15:38 #23

Heysa..
Joh, den er centreret, men skal også have den ind i "midten".. Så der er lige langt til top og bund, hvis du forstår?! :) http://upload.interad.dk/ekssite.jpg..
Jeg har endnu ikke kunnet bruge din kode, saucer, men vil gøre endnu et forsøg! :)

Synes godt om

doggy82 Praktikant

13. december 2005 - 15:44 #24

Ok. Du skal have den centreret vertikalt.
Det er første gang du nævner det...

Synes godt om

mosegris.dk Nybegynder

13. december 2005 - 21:35 #25

Nej da! ;)
Har da postet eksemplet til at starte med! :)

Synes godt om

mosegris.dk Nybegynder

16. december 2005 - 07:54 #26

Hey Eksperter!

Er der nogen, der kan hjælpe mig, eller skal jeg blot lukke spørgsmålet?
For at opsummere; Jeg skal have flyttet min side til midten af skærmen. Lige som http://upload.interad.dk/ekssite.jpg.. Det er sitet http://www.nemweb.dk/U_site_interad.nsf. CSS kan ses på http://www.nemweb.dk/U_site_interad.nsf/style.css

Synes godt om

doggy82 Praktikant

16. december 2005 - 09:40 #27

http://www.quirksmode.org/css/centering.html
http://www.quirksmode.org/css/centering_example.html

Synes godt om

ralfi Nybegynder

06. januar 2006 - 14:41 #28

mosegris.dk:
Vil lige gøre dig opmærksom på at det link du hele tiden nævner, hvor div'erne (ifølge dine indstillinger" står centereret både vertikalt og horisontalt: http://upload.interad.dk/ekssite.jpg Altså kun ser sådan ud på hos dig.. og ikke nødvendigvis sådan hos andre.. Det afhænger af ens skærm opløsning, og du kører tydeligvis en meget lav opløsning. 800x600 f.eks.

Indstillingerne på den side er altså ikke korrekte !

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

Microsoft 365 kurser

Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
3D foto til stl Af johnnylassen i Andet design	1	31/07/202313:32	31/07/202314:28
InDesign - Af Ajnbnb i Andet design	6	29/07/202209:29	01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design	6	04/04/202211:38	04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design	3	18/02/202217:41	20/02/202216:52
Farver i InDesign Af huddie i Andet design	2	01/11/202112:49	26/01/202219:01

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