bethan_chan
08-03-2004, 10:20 AM
Okay, my page is fitted to the window, yet it still has a scroll bar. This is the code that I use as my template: <body>
<div style="height:601px;">
<style type="text/css">
a:link
{ text-decoration: underline; color: #E86861; font-family: veranda; font-weight: bold; }
a:visited
{ text-decoration: underline; color: #E86861; font-family: veranda; font-weight: bold; }
a:active
{ text-decoration: underline; color: #E86861; font-family: veranda; font-weight: bold; }
a:hover
{ text-decoration: line-through; color: #E86861; font-family: veranda; cursor: nw-resize; }
body
{ background: #DA1014; }
body, td, h1, h2, input, textarea, p
{ font-family: veranda; color: #E86861; font-weight: bold; font-size: 12px;
cursor: crosshair;
scrollbar-face-color : #DA1014;
scrollbar-highlight-color : #E86861;
scrollbar-3dlight-color : #E86861;
scrollbar-shadow-color : #E86861;
scrollbar-darkshadow-color : #E86861;
scrollbar-track-color : #DA1014;
scrollbar-arrow-color : #E86861;}
</style>
<center><div style="position: absolute; top: 0px; left: 202px; height: 601px"> <img src="http://thechildrensclinic.net/bethany/royalty.jpg" usemap="#mymap" width="600" height="400" border="0">
<map name="mymap">
<MAP NAME=" ">
<AREA SHAPE=RECT HREF="site.shtml" ALT="Site" COORDS="368,199,440,234">
<AREA SHAPE=RECT HREF="shrines.shtml" ALT="Shrines" COORDS="230,200,362,234">
<AREA SHAPE=RECT HREF="me.shtml" ALT="Me" COORDS="161,199,222,234">
<AREA SHAPE=RECT HREF="guest.shtml" ALT="Guests" COORDS="250,148,352,187">
<AREA SHAPE=RECT HREF="anime.shtml" ALT="Anime" COORDS="367,95,481,137">
<AREA SHAPE=RECT HREF="neopets.shtml" ALT="Neopets" COORDS="230,97,355,136">
<AREA SHAPE=RECT HREF="index.shtml" ALT="Main" COORDS="119,96,222,136">
</MAP></div><div style="position:absolute; top: 400px; left:202px; width:500px; height: 314px;">
<img src="http://thechildrensclinic.net/bethany/royalty2.jpg"></div>
</div>
</div><div style="position:absolute; top: 345px; left:485px; width:290px; height: 200px; overflow: auto;">
(it's at http://www.thechildrensclinic.net/bethany)
If anyone can help me, please do!
<div style="height:601px;">
<style type="text/css">
a:link
{ text-decoration: underline; color: #E86861; font-family: veranda; font-weight: bold; }
a:visited
{ text-decoration: underline; color: #E86861; font-family: veranda; font-weight: bold; }
a:active
{ text-decoration: underline; color: #E86861; font-family: veranda; font-weight: bold; }
a:hover
{ text-decoration: line-through; color: #E86861; font-family: veranda; cursor: nw-resize; }
body
{ background: #DA1014; }
body, td, h1, h2, input, textarea, p
{ font-family: veranda; color: #E86861; font-weight: bold; font-size: 12px;
cursor: crosshair;
scrollbar-face-color : #DA1014;
scrollbar-highlight-color : #E86861;
scrollbar-3dlight-color : #E86861;
scrollbar-shadow-color : #E86861;
scrollbar-darkshadow-color : #E86861;
scrollbar-track-color : #DA1014;
scrollbar-arrow-color : #E86861;}
</style>
<center><div style="position: absolute; top: 0px; left: 202px; height: 601px"> <img src="http://thechildrensclinic.net/bethany/royalty.jpg" usemap="#mymap" width="600" height="400" border="0">
<map name="mymap">
<MAP NAME=" ">
<AREA SHAPE=RECT HREF="site.shtml" ALT="Site" COORDS="368,199,440,234">
<AREA SHAPE=RECT HREF="shrines.shtml" ALT="Shrines" COORDS="230,200,362,234">
<AREA SHAPE=RECT HREF="me.shtml" ALT="Me" COORDS="161,199,222,234">
<AREA SHAPE=RECT HREF="guest.shtml" ALT="Guests" COORDS="250,148,352,187">
<AREA SHAPE=RECT HREF="anime.shtml" ALT="Anime" COORDS="367,95,481,137">
<AREA SHAPE=RECT HREF="neopets.shtml" ALT="Neopets" COORDS="230,97,355,136">
<AREA SHAPE=RECT HREF="index.shtml" ALT="Main" COORDS="119,96,222,136">
</MAP></div><div style="position:absolute; top: 400px; left:202px; width:500px; height: 314px;">
<img src="http://thechildrensclinic.net/bethany/royalty2.jpg"></div>
</div>
</div><div style="position:absolute; top: 345px; left:485px; width:290px; height: 200px; overflow: auto;">
(it's at http://www.thechildrensclinic.net/bethany)
If anyone can help me, please do!