Centrering med DIV
HejJeg 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";
}
