Terrae
06-04-2003, 02:13 AM
Layout question. my new site (no content yet).
I want to keep the iframe at 100% width, but I don't want to span the whole page.
Demo (http://www.geocities.com/shiranaiseito/) (might not be able to see it yet. -_-;;; Baka Geocites)
if you can't see it here is the codeing.
<!--Created by GeoCities Home Page Generator-->
<html><head>
<title>Demo</title>
<style type="text/css"><!--
a:link, a:visited, a:active {text-decoration: none; color: #ffffff;}
a:hover {text-decoration: none; cursor: text;}
Body
{background color: #ff9966;
font-family: Courier new
color: #ffffcc;
letter-spacing: 3pt;
font-weight:lighter;
font-size:x-small; }
--></style>
<style><body bgcolor:ff9966 style="filter: alpha(opacity=100)"></style>
<script language="JavaScript">
<!--
function Help(daLink) {
var helpWnd=window.open(daLink,"help","width=500,height=500,scrollbars=yes,dependent=yes");
}
// -->
</script>
</head>
<!--COLOR-->
<body bgcolor="ffffff">
<!--HEAD1-->
<!--HEAD2-->
<!--LINE1-->
<br>
<!--BODY-->
<p><map name="FPMap0">
<area href="http://dddd" target="iframe" shape="rect" coords="362, 270, 418, 290">
<area href="http://ff" target="iframe"shape="rect" coords="362, 246, 424, 268">
<area href="http://fccccc" target="iframe"shape="rect" coords="360, 220, 448, 244">
<area href="http://cxdxx" target="iframe" shape="rect" coords="360, 192, 424, 218"></map>
<img border="0" src="http://www.geocities.com/shiranaiseito/Demo.jpg" usemap="#FPMap0" width="600" height="392"></p>
<font color="#ffffcc">Image credited to Boyis.com</font>
<iframe src="iframe.html" name="iframe" width="100%" height="100%" style="position:absolute; left:30; top:500" allowtransparency="true"></iframe>
<!--LINE2-->
<p>
<!--LINE3-->
<p>
<!--LINE4-->
<p>
</center>
</body>
</html>
I want to keep the iframe at 100% width, but I don't want to span the whole page.
Demo (http://www.geocities.com/shiranaiseito/) (might not be able to see it yet. -_-;;; Baka Geocites)
if you can't see it here is the codeing.
<!--Created by GeoCities Home Page Generator-->
<html><head>
<title>Demo</title>
<style type="text/css"><!--
a:link, a:visited, a:active {text-decoration: none; color: #ffffff;}
a:hover {text-decoration: none; cursor: text;}
Body
{background color: #ff9966;
font-family: Courier new
color: #ffffcc;
letter-spacing: 3pt;
font-weight:lighter;
font-size:x-small; }
--></style>
<style><body bgcolor:ff9966 style="filter: alpha(opacity=100)"></style>
<script language="JavaScript">
<!--
function Help(daLink) {
var helpWnd=window.open(daLink,"help","width=500,height=500,scrollbars=yes,dependent=yes");
}
// -->
</script>
</head>
<!--COLOR-->
<body bgcolor="ffffff">
<!--HEAD1-->
<!--HEAD2-->
<!--LINE1-->
<br>
<!--BODY-->
<p><map name="FPMap0">
<area href="http://dddd" target="iframe" shape="rect" coords="362, 270, 418, 290">
<area href="http://ff" target="iframe"shape="rect" coords="362, 246, 424, 268">
<area href="http://fccccc" target="iframe"shape="rect" coords="360, 220, 448, 244">
<area href="http://cxdxx" target="iframe" shape="rect" coords="360, 192, 424, 218"></map>
<img border="0" src="http://www.geocities.com/shiranaiseito/Demo.jpg" usemap="#FPMap0" width="600" height="392"></p>
<font color="#ffffcc">Image credited to Boyis.com</font>
<iframe src="iframe.html" name="iframe" width="100%" height="100%" style="position:absolute; left:30; top:500" allowtransparency="true"></iframe>
<!--LINE2-->
<p>
<!--LINE3-->
<p>
<!--LINE4-->
<p>
</center>
</body>
</html>