Søg
Avatar billede Rosabella Nybegynder
08. december 2009 - 17:46 Der er 12 kommentarer

centrering af hjemmesiden

Mit problem er at til eksamen skal jeg lave en hjemeside helt fra bunden: min hjemmeside er ikke i midten, den rykker til venstre og det kan jeg ikke få den til at lade være med.

Hvordan får jeg hjemmesiden til at blive vist på midten af siden?
Avatar billede keysersoze Ekspert
08. december 2009 - 17:56 #1
http://web-dev.dk/post/2007/12/Absolut-centrering-af-hjemmeside-med-layers.aspx
Avatar billede claes57 Ekspert
08. december 2009 - 18:21 #2
ovenstående virker ikke i IE8 - måske en fejl i den.
Avatar billede keysersoze Ekspert
08. december 2009 - 18:29 #3
sidst jeg tjekkede virkede det fint i IE8 - men giv et link og lad os se fejlen.
Avatar billede Poko1 Ekspert
08. december 2009 - 18:48 #4
er det dette du mener!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 1</title>
</head>
<body>

<div align="center">
    <table cellpadding="0" cellspacing="0" width="791">
        <!-- MSTableType="layout" -->
        <tr>
            <td height="617">&nbsp;</td>
        </tr>
    </table>
</div>
</body>
</html>
Avatar billede keysersoze Ekspert
08. december 2009 - 18:55 #5
erhm - hvor mange spørgere er der lige i dette spørgsmål?
Avatar billede Poko1 Ekspert
08. december 2009 - 19:05 #6
keysersoze
mener du hvor mange der prøver at hjælpe?
Avatar billede keysersoze Ekspert
08. december 2009 - 19:16 #7
mener du at #4 er et svar? Du har ingen doctype og du arbejder transitional - hvis det nogensinde skal kunne gå igennem en eksamen håber jeg at det er på et relativt lavt niveau uddannelse.
Avatar billede Slettet bruger
08. december 2009 - 21:46 #8
Hvis du bruger css kan du midtstille din side ved at bruge følgende i din wrapper: margin:auto; og position: relative;

Prøv at lave følgende, så kan du på baggrundens farve se, at den bliver midtstillet.

#wrapper {
    margin:auto;
    width:500px;
    height:400px;
    background-color:#36C;
    position:relative;
   
    }
Avatar billede Rosabella Nybegynder
08. december 2009 - 22:11 #9
stylesheet:

*
{font-family:Kristen ITC;color:#7D1B7E}
                   
                       
body
{background-color:#842DCE;}
                background;http://i931.photobucket.com/albums/ad154/Rosabella_01/Cloud-Wallpaper-cloud-strife-189926.jpg
                        allowtransparancy=true
                       
    h1
                        {width:940px;background-color:#7D1B7E;border:solid #7D1B7E 2px;}
                        background;http://i931.photobucket.com/albums/ad154/Rosabella_01/Cloud-Wallpaper-cloud-strife-189926.jpg
                        allowtransparancy=true
    {valign=top align=center width="100%";}
                       
    div.top
    {margin-left:50px;margin-right:50px;width:938px;float:middle;}
                       
            {valign=top align=center width="100%";}
                       
                       
    div.header
    {margin-left:50px;margin-right:50px;width:938px;float:middle;
    background-color:736AFF;
    border:solid #7D1B7E 2px;}
                       
    div.midt
    {margin-left:50px;width:807px;float:middle;
        background-color:#842DCE;
        border:solid #7D1B7E 2px;}
                       
    div class music
    {margin-left:50px;margin-right:50px;width:938px;float:middle;}
                       
    div.menu
    {margin-right:50px;margin-left:50px;width:127px;float:right;
    background-color:736AFF;
        border:solid #7D1B7E 2px}
                       
                       
    div class.loginbox
    {float:top-right;
                       
    div.bund
    {margin-left:50px;margin-right:50px;width:938px;float:left;
    background-color:white;
    border:solid #7D1B7E 2px;
    text-align:center;}
                       
                       
        div.p class "navn"
    p class"navn"
    Float:midle;
                       
                       
    img {border:none}
                       
    a
    {color:#7D1B7E;}
                   
    a:link {text-decoration:none}
                       
    a:visited {text-decoration:none}
                       
    a:active {text-decoration:none}
                       
    a:hover {text-decoration:none}
                   
   


               

min loginbox nægter at stå til højre på siden... og #1, #4, #8, virker heller ikke.

Rimelig høj uddannelse, men jeg aner intet om dette emne om kodning af hjemmesider og har haft ca 1 måned til at til at finde ud af alt.
Avatar billede Slettet bruger
08. december 2009 - 23:00 #10
ok er selv under uddannelse, bruger altid wrapper aldrig body, så jeg ved ikke, om det er 2 sider af samme sag, men det er der garanteret andre herinde, der ved. Jeg ville lægge en wrapper div om det hele, og sætte dette i din css.

#wrapper{
margin:auto;
position: relative;

}
Avatar billede Futtexb Nybegynder
15. december 2009 - 19:54 #11
Hvis jeg har forstået dit spørgsmål rigtigt, så findes der en simpel måde at løse dette på. Smid følgende ind i en CSS-fil.

#ditID {
margin-left: auto;
margin-right: auto;
}

Jeg håber, at det var til en hjælp.
Avatar billede keysersoze Ekspert
15. december 2009 - 20:16 #12
altså som allerede foreslået :)
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
IT-JOB
Seneste spørgsmål Seneste aktivitet
I dag 14:46 Offline opdatering af co-working excell sheet Af morten vestergaard i Excel
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
White papers
Flere white papers »