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 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
Vi tilbyder markedets bedste kurser inden for webudvikling

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

IT-JOB