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

MagnusELH Nybegynder

28. oktober 2011 - 20:15 Der er 11 kommentarer og
1 løsning

script. hvordan laver man så hjemme siden kun er i midten, og alle siderne er hvide. for eksempel kilder.dk

hvad hedder det script der gør at hjemmesiden kun er i midten, og alle siderne er hvide. for eksempel ligesom kilder.dk

og hvordan uddeler jeg point?
folk er blevet sure, så jeg vil gerne lærere det, så der ikke kommer nogle problemer :-)

Synes godt om

olebole Juniormester

28. oktober 2011 - 20:25 #1

<ole>


#site {
    position: absolute;
    width: 800px;
    height: 400px;
    left: 50%;
    top: 50%;
    margin-top: -200px; /* minus 1/2 bredde */
    margin-left: -400px; /* minus 1/2 højde */
    background: red;
}

<div id="site">
    Indhold
</div>

/mvh
</bole>

Synes godt om

olebole Juniormester

28. oktober 2011 - 20:26 #2

Hmmmm ... :D


    margin-top: -200px; /* minus 1/2 højde */
    margin-left: -400px; /* minus 1/2 bredde */

Synes godt om

DeeDawg Nybegynder

29. oktober 2011 - 01:19 #3

Lidt overkill, at bruge position her, olebole. :)

Så længe du har defineret en bredde, er alt du behøver dette:

html{ background: #fff; }

#site{
    margin: 0 auto !important;
    width: 800px;
}

Synes godt om

olebole Juniormester

29. oktober 2011 - 03:23 #4

@DeeDawg: Ikke den ringeste smule overkill. Prøv din kode, og du vil finde ud af, den ikke lever op til kravene =)

Synes godt om

DeeDawg Nybegynder

29. oktober 2011 - 17:03 #5

Øh, jo det gør.

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8" />
        <title>test</title>
        <style type="text/css">
            #flashcontent{
                margin: 0 auto !important;
                width: 914px;
            }
        </style>
        <script type="text/javascript" src="http://kilder.dk/swfobject.js"></script>
    </head>
    <body>
        <div id="flashcontent"></div>
        <script type="text/javascript">
            var so = new SWFObject("http://kilder.dk/KILDER.swf", "Tripledesign", "914", "690", "9", "#ffffff");
            so.write("flashcontent");
        </script>
    </body>
</html>

Gecko: http://imgur.com/a/qHYrX#1
WebKit: http://imgur.com/a/qHYrX#0
Presto: http://imgur.com/a/qHYrX#3
Trident: http://imgur.com/a/qHYrX#2

Fortæl mig lige hvor det er, at du mener det ikke lever op til kravene? :)

Synes godt om

olebole Juniormester

29. oktober 2011 - 17:24 #6

Det kommer lidt anpå, hvordan man læser spørgsmålet. Spørger skriver, at sitet skal være "i midten, og alle siderne er hvide". Om man så skal lægge vægt på spørgers ord, eller på hans eksempel ... tjah ... =)

Jeg lagde vægt på hans ord og skrev en kode, der centrerer sitet horsiontalt og vertikalt og efterlader alle sider hvide.

Vi må vel bare vente, til spørger vender tilbage med besked om, hvad han reelt ønsker =)

Synes godt om

DeeDawg Nybegynder

29. oktober 2011 - 17:40 #7

Tror da lige du skal have rettet noget så:

background: red;

Men du har ret. Han skriver dog 'ligesom kilder.dk' og det er kun centreret horisontalt. ;)

Synes godt om

olebole Juniormester

29. oktober 2011 - 18:14 #8

Hvorfor tror du dog det? Formålet var at vise, hvordan en 'kasse' kan centreres i begge retninger. Har du et bedre forslag end at give 'kassen' en eller anden farve?

Synes godt om

MagnusELH Nybegynder

11. december 2011 - 21:00 #9

en eller anden giv et svar så jeg kan få den lukket

Synes godt om

MagnusELH Nybegynder

11. december 2011 - 21:19 #10

en smid et svar så jeg kan få den lukket !

Synes godt om

olebole Juniormester

12. december 2011 - 16:55 #11

Ellers tak, jeg samler ikke point. Hvis DeeDawg ikke reagerer, bør du selv lægge et svar og acceptere det, så tråden lukkes =)

Synes godt om

MagnusELH Nybegynder

12. december 2011 - 17:24 #12

<HTML>

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