Placer table midt i browseren
Jeg har søgt og gloret mig dum på alle de svar der er, de fleste er omkring alignment af tekst. Jeg skal have alt der vises i et table-tag vist midt i browserbilledet. Gerne CSS.Jeg har følgende kode indtil videre:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Min side</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/layout.css" rel="stylesheet" type="text/css">
</head>
<body style="overflow: hidden;">
<table border="1" align="center">
<tr>
<td><iframe src="index.htm" width="900" height="560" frameborder="0"></iframe></td>
</tr>
</table>
</body>
</html>
... Jeg har sat style="vertical-align: middle;" ind alle hos alle tag's i ovenstående uden held. Har også prøvet at indsætte det i mit externe CSS uden held igen.
I layout.css er der følgende kode (OBS det bruges andre steder end i default.htm som er det for oven):
body {
margin: 0px 0px 0px 0px;
overflow-x: hidden;
}
#title {
position:absolute;
left:5px;
top:5px;
width:100%;
height: 70px;
background-color: #F1F1F1;
padding-left: 150;
padding-right: 150;
}
#leftmenu {
position:absolute;
left:5px;
top:5px;
width:150px;
height: 550px;
background-color: #F1F1F1;
}
#rightmenu {
position:absolute;
right:0px;
top:5px;
width:150px;
height: 550px;
background-color: #F1F1F1;
}
#content {
padding-top: 70px;
margin-left:160px;
margin-right:160px;
background-color:#F1F1F1;
}
table {
border-style: double;
border-color: blue;
}
Nogen forslag?.. Jeg står på bar bund.
/basementjack
