Emilie
08-05-2004, 12:36 PM
I have an Iframe thingy, and it's all very beautiful, but I'd like it to be in the center of the page
So first I thought of adding a 'left' to the #page, but I wasn't sure what to put in there, because it'd like it to be centered in every screen resolution, so also in 800x600 and above
This is what I have, I haven't put it up online yet, so thats why I just have the html:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{
background-color: #FF9829;
text-align: left;
cursor: crosshair;
scrollbar-face-color : #FF9829;
scrollbar-highlight-color : #FF9829;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #FF9829;
scrollbar-darkshadow-color : #FF9829;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
}
a { text-decoration: none; color:#000000; }
a:active { text-decoration: line-through; }
a:hover { text-decoration: underline overline; }
#page {
background: url('headrn.gif');
position: absolute;
top: 0px;
width: 750px;
height: 270px;
text-align: left;
}
iframe {
border: 0;
position: absolute;
top: 270px;
left: 0px;
width: 750px;
height: 500px;
}
</style>
</head>
<body>
<div id="page"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<IMG SRC="headrn.gif" USEMAP="#headrn.gif" WIDTH=750 HEIGHT=270 BORDER=0>
<MAP NAME="headrn.gif">
<AREA SHAPE=RECT COORDS="147,253,197,261" href="frames.shtml" alt="a. Mucho info over Ruben" target="main">
<AREA SHAPE=RECT COORDS="200,253,240,261" href="frames.shtml" alt="b. Goodies over de Lama's" target="main">
<AREA SHAPE=RECT COORDS="242,253,312,261" href="frames.shtml" alt="c. Ruben en Nathan stuff" target="main">
<AREA SHAPE=RECT COORDS="313,253,375,261" href="frames.shtml" alt="d. All het andere" target="main">
</MAP>
<iframe src="mypage.html" frameborder="0" name="main"></iframe>
</div></body>
</html>
Can anyone help me by centering the page?
I tried the <center> tags by the way, but they don't work.
Thanks!
So first I thought of adding a 'left' to the #page, but I wasn't sure what to put in there, because it'd like it to be centered in every screen resolution, so also in 800x600 and above
This is what I have, I haven't put it up online yet, so thats why I just have the html:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{
background-color: #FF9829;
text-align: left;
cursor: crosshair;
scrollbar-face-color : #FF9829;
scrollbar-highlight-color : #FF9829;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #FF9829;
scrollbar-darkshadow-color : #FF9829;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
}
a { text-decoration: none; color:#000000; }
a:active { text-decoration: line-through; }
a:hover { text-decoration: underline overline; }
#page {
background: url('headrn.gif');
position: absolute;
top: 0px;
width: 750px;
height: 270px;
text-align: left;
}
iframe {
border: 0;
position: absolute;
top: 270px;
left: 0px;
width: 750px;
height: 500px;
}
</style>
</head>
<body>
<div id="page"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<IMG SRC="headrn.gif" USEMAP="#headrn.gif" WIDTH=750 HEIGHT=270 BORDER=0>
<MAP NAME="headrn.gif">
<AREA SHAPE=RECT COORDS="147,253,197,261" href="frames.shtml" alt="a. Mucho info over Ruben" target="main">
<AREA SHAPE=RECT COORDS="200,253,240,261" href="frames.shtml" alt="b. Goodies over de Lama's" target="main">
<AREA SHAPE=RECT COORDS="242,253,312,261" href="frames.shtml" alt="c. Ruben en Nathan stuff" target="main">
<AREA SHAPE=RECT COORDS="313,253,375,261" href="frames.shtml" alt="d. All het andere" target="main">
</MAP>
<iframe src="mypage.html" frameborder="0" name="main"></iframe>
</div></body>
</html>
Can anyone help me by centering the page?
I tried the <center> tags by the way, but they don't work.
Thanks!