Avatar billede super-mann Juniormester
05. august 2008 - 19:30 Der er 1 kommentar og
1 løsning

Centrering med DIV

Hej

Jeg laver en centrering med en div, så min hjemmeside bliver på midten af siden - uanset om brugeren har den høje eller lave opløsning. Min udfordring er, at det også gør teksten i boksene centreret når det vises på hjemmesiden. Hvad gør jeg galt?

forsiden.php -->

<div align="center">
<table border="0" cellspacing="0" cellpadding="0" width="760" valign="top">
  <tr>
    <td><div id="mainmenu"><? newBuildFrontendMenu(1, 1, 0, 0, $arr_content, "", "", $arr_content[arrPath], 0) ?></div></td>
  </tr>
</table><br><br>Billede skal vises her<br><br>

<table border="0" cellspacing="0" cellpadding="0" width="760" valign="top">
  <tr>
    <td width="100" valign"top"><div id="leftmenu"><?php
                        if (!$arr_content[mode]){
                            newBuildFrontendMenu(1, 1,  $arr_content["toplevel_id"], 0, $arr_content, "", "",$arr_content[arrPath], 10);
                            /*
                                ALTERNATIVT EN SUB-SUB-MENU MED:
                                newBuildFrontendMenu(1, 1, $arr_content["arrPath"][1], 0, $arr_content, "", "", $arr_content[arrPath])
                            */
                        } else {
                            /*
                                MODE-SPECIFIKKE MENUER KAN LAVES HER
                            */
                            echo "<ul><li><a href='/'>Til websitets forside</a></li></ul>";
                        }
                    ?>
                    </div></td>
    <td width="660"><div id="maincontent"><?=buildPageMainContent($arr_content)?><br><br><?=printerFriendly($arr_content, true, true, false)?>
                </div></td>
  </tr>
</table>

</div>

Min CSS fil --> Burde ikke påvirke, så vidt jeg kan se

html, body{
    height:100%;
    margin-bottom:0.01em;
}
#mainmenu{
    color:#000;
    font:bold 11px "trebuchet ms";
}
#mainmenu ul, #submenu ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
#mainmenu ul li, #submenu ul li{
    padding:0;
    float:left;
    display:inline;
}
#mainmenu ul li{
    margin:0 30px 0 0;
}
#submenu ul li{
    margin:0 30px 0 0;
}
#mainmenu a, #submenu a{
    text-decoration:none;
    display:block;
    padding:1px 4px;
}
#mainmenu a{
    color:#222
}
#mainmenu a.inpath, #submenu a.inpath{
    color:#ffffff;
    background-color:#000099;
}
#mainmenu a:hover, #submenu a:hover, #leftmenu a:hover{
    color:#222;
    background-color:#000099;
}
#mainmenu a.inpath:hover, #submenu a.inpath:hover{
    color:#ffffff;
    background-color:#EC008C;
}
#leftmenu{
    text-align:left;
    font:bold 11px "trebuchet ms";
    padding-right:0px;
}
#leftmenu a{
    color:#050;
}
#leftmenu ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
#leftmenu ul li{
    border-bottom:1px solid #eee;
    padding:5px 0;   
}
#leftmenu ul li ul{
    border-top:2px solid #ddd;
    border-bottom:2px solid #eee;
}
#leftmenu ul li ul li ul{
    border:0;
}
#leftmenu ul li ul li{
    margin:0;
    font-size:11px;
    font-weight:normal;   
    background-color:#fff;
    border-bottom:0;
    padding:2px 0;
    padding-left:7px;
}
#leftmenu ul li ul li ul{
    list-style-type: none;
    margin-left: 15px;
}
#leftmenu ul li ul li ul li{
    font-size:10px;
    padding:0;
    color:#aaa
}
#leftmenu ul li a{
    text-decoration:none;
    color:#000;
}
#leftmenu ul li a.inpath{
    color:#EC008C;
}
#leftmenu ul li a.inpath{
    border-left:2px solid #ddd;
    padding-left:5px;
}
#leftmenu ul li a.inpath:hover{
    background-color:#fff;
}

#leftmenu ul li ul li a.inpath{
    border:0;
    padding-left:0;
}
#maincontent{
    color:#000;
    font:bold 11px "trebuchet ms";
}
#calendarBox{
    color:#000;
    font:bold 11px "trebuchet ms";
}
#newsBox{
    color:#000;
    font:bold 11px "trebuchet ms";
}
Avatar billede super-mann Juniormester
05. august 2008 - 19:31 #1
Fejlen vises kun med EI, Firefox viser siden uden problemer.
Har prøvet at bruge <align="left"> på tabellen osv.
Avatar billede super-mann Juniormester
05. august 2008 - 20:07 #2
Lavede en rettelse i CSS filen og nu virker det - ellers tak for hjælpen herinde..
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