Avatar billede php-nybegynderen Nybegynder
26. februar 2007 - 20:25 Der er 8 kommentarer og
1 løsning

repeat-y og margin problemer!

X Jeg har nogen småproblemer med min hjemmeside.

www.divinium.dk/allgames

Som i kan se, går background-image langt længere ned end den gør. Jeg har sat den til height: 100% i min style.css.

Desuden er mit billede som afslutning af siden heller ikke helt i bunden som afslutning af designet.

Kunne godt bruge noget hjælp til de to punkter. Jeg regner med at i kan se kilden i bunden og css-style her: www.divinium.dk/allgames/style.css

index.php:

<html>

    <head>
    <title>ALL-GAMES.DK</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
        <table width="703px" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td><img src="allgames.jpg" border="0" usemap="#menu"></td>
            </tr>
        </table>
    <table align="center" class="bg" cellpadding="0" cellspacing="0">
        <tr>
            <td valign="top"><h1>Forside</h1> <p>Dette er forsiden.</p></td>
        </tr>

            <tr>
                <td><img src="bund.jpg" border="0"></td>
            </tr>
        </table>

    </body>

</html>

Der var det..
Avatar billede thesurfer Nybegynder
26. februar 2007 - 20:38 #1
Det første man (altid) bør gøre, er at sætte HTML og BODY elementerne til 100% i højde, samt fjerne margin og padding:

html,body
{
height:100%;
margin:0px;
padding:0px;
}

Prøv det, og se hvad den siger til det..
Avatar billede php-nybegynderen Nybegynder
26. februar 2007 - 20:49 #2
Det er nøjagtig det samme ..
Avatar billede thesurfer Nybegynder
26. februar 2007 - 20:54 #3
Jeg prøver lige at lave en ny tabel til dig..
Det kan være at det er bedre at bruge CSS til dette formål.. men prøver lige med en ny tabel..
Avatar billede thesurfer Nybegynder
26. februar 2007 - 20:58 #4
HTML:

<html>

<head>
<title>ALL-GAMES.DK</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<center>
<table class="hovedtabel" cellpadding="0" cellspacing="0">
<tr>
    <td valign="top"><img src="allgames.jpg" border="0" usemap="#menu"></td>
</tr>
<tr>
    <td valign="top" class="bg"><h1>Forside</h1> <p>Dette er forsiden.</p></td>
</tr>
<tr>
    <td valign="bottom"><img src="bund.jpg" border="0"></td>
</tr>
</table>
</center>

</body>

</html>



CSS ("style.css"):

html,body
{
height:100%;
margin:0px;
padding:0px;
}

h1 {
    font-size:15px;
    font-family:tahoma;
    color:black;
    margin-left:20px;
    margin-top:20px;
}

p {
    font-size:10px;
    font-family:tahoma;
    color: black;
    margin-left:20px;
    margin-right:20px;
}

.bg {
    background-image:url("bg.jpg");
    background-repeat:repeat-y;
    width:703px;
    height:100%;
}

.hovedtabel
{
height:100%;
width:703px;
}
Avatar billede thesurfer Nybegynder
26. februar 2007 - 20:59 #5
Jeg har testet med browserne:

- Opera v9.10
- Microsoft Internet Explorer v6 SP2
- Mozilla FireFox v2.0.0.1

Det ser rigtigt ud, i alle 3 browsere.

Jeg har ikke testet med andre browsere, og kan derfor ikke sige hvordan det ser ud der..
Avatar billede php-nybegynderen Nybegynder
26. februar 2007 - 21:02 #6
Det ser fint ud.. Takker :)
Avatar billede thesurfer Nybegynder
26. februar 2007 - 21:28 #7
Så smider jeg et svar :-)
Avatar billede thesurfer Nybegynder
26. februar 2007 - 21:35 #8
Takker for points :-)
Avatar billede efes Nybegynder
27. februar 2007 - 12:03 #9
Men luk også lige den anden tråd du har startet, hvor spørgsmålet vel er identisk!
http://www.eksperten.dk/spm/764884

mvh
Efes
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