Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Aug 2006
    Posts
    1
    Member #
    13748
    Hey, I'm currently designing a web site for my friends band.
    The temp. URL for the moment is dakotagracemusic.v72.net

    The page is basically a 600 x 500 .gif and was designed to have an iframe in the 400 x 200 or so box. However the positioing was all screwed up on others computers (I have a larger resolution than 1024 x 768). So then I tried using div layers and encountered the same problem. I was wondering if anybody would be able to help me position an inline frame so that it fits perfectly in all resolutions and browsers.

    Here is the code for reference:

    Code:
    <HTML>
    <HEAD>
    <TITLE>dakotagrace</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <!-- ImageReady Preload Script (dakotagrace.psd) -->
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    
    function newImage(arg) {
        if (document.images) {
            rslt = new Image();
            rslt.src = arg;
            return rslt;
        }
    }
    
    function changeImages() {
        if (document.images && (preloadFlag == true)) {
            for (var i=0; i<changeImages.arguments.length; i+=2) {
                document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
            }
        }
    }
    
    var preloadFlag = false;
    function preloadImages() {
        if (document.images) {
            dakotagrace_01_ImageMap_01_over = newImage("dakotagrace_01-ImageMap_01_.gif");
            dakotagrace_01_ImageMap_02_over = newImage("dakotagrace_01-ImageMap_02_.gif");
            dakotagrace_01_ImageMap_03_over = newImage("dakotagrace_01-ImageMap_03_.gif");
            dakotagrace_01_ImageMap_04_over = newImage("dakotagrace_01-ImageMap_04_.gif");
            dakotagrace_01_ImageMap_05_over = newImage("dakotagrace_01-ImageMap_05_.gif");
            dakotagrace_01_ImageMap_06_over = newImage("dakotagrace_01-ImageMap_06_.gif");
            preloadFlag = true;
        }
    }
    
    // -->
    </SCRIPT>
    <!-- End Preload Script -->
    <script language="JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    // -->
    </script>
    </HEAD>
    <BODY Background="bg.gif" position="absolute" ONLOAD="preloadImages();">
    <!-- ImageReady Slices (dakotagrace.psd) -->
    <div align="center"><iframe src="news2.html" position="absolute" width="200" height="200" frameborder="0" scrolling="auto" name="iframe" allowtransparency="true" background-color="transparent" style="position: absolute; top: 47%; left: 34.5%; z-index= 2;; width: 414px; height: 243px"></iframe><IMG NAME="dakotagrace_01" SRC="dakotagrace_01.gif" WIDTH=600 HEIGHT=550 BORDER=0 z-index= 1 USEMAP="#dakotagrace_01_Map"> 
      <br>
    </div>
    
    <MAP NAME="dakotagrace_01_Map">
    <AREA SHAPE="rect" ALT="" COORDS="532,524,560,540" HREF="links.html">
    <AREA SHAPE="rect" ALT="" COORDS="495,523,522,539" HREF="press.html">
    <AREA SHAPE="rect" ALT="" COORDS="450,524,485,538" HREF="media.html">
    <AREA SHAPE="rect" ALT="" COORDS="414,524,441,539" HREF="tour.html">
    <AREA SHAPE="rect" ALT="" COORDS="386,522,408,541" HREF="bio.html">
    <AREA SHAPE="rect" ALT="" COORDS="347,524,378,540" HREF="index.html">
    <AREA SHAPE="rect" ALT="" COORDS="425,8,568,24" HREF="http://www.myspace.com/dakotagrace">
    <AREA SHAPE="rect" ALT="" COORDS="32,403,128,514" HREF="#">
    <AREA SHAPE="rect" ALT="" COORDS="31,256,120,355" HREF="http://www.myspace.com/dakotagrace">
    <AREA SHAPE="rect" ALT="" COORDS="33,229,125,251" HREF="links.html"
        ONMOUSEOVER="changeImages('dakotagrace_01', 'dakotagrace_01-ImageMap_06_.gif'); return true;"
        ONMOUSEOUT="changeImages('dakotagrace_01', 'dakotagrace_01.gif'); return true;">
    <AREA SHAPE="rect" ALT="" COORDS="32,206,123,229" HREF="press.html"
        ONMOUSEOVER="changeImages('dakotagrace_01', 'dakotagrace_01-ImageMap_05_.gif'); return true;"
        ONMOUSEOUT="changeImages('dakotagrace_01', 'dakotagrace_01.gif'); return true;">
    <AREA SHAPE="rect" ALT="" COORDS="32,188,124,207" HREF="media.html"
        ONMOUSEOVER="changeImages('dakotagrace_01', 'dakotagrace_01-ImageMap_04_.gif'); return true;"
        ONMOUSEOUT="changeImages('dakotagrace_01', 'dakotagrace_01.gif'); return true;">
    <AREA SHAPE="rect" ALT="" COORDS="33,166,122,187" HREF="tour.html"
        ONMOUSEOVER="changeImages('dakotagrace_01', 'dakotagrace_01-ImageMap_03_.gif'); return true;"
        ONMOUSEOUT="changeImages('dakotagrace_01', 'dakotagrace_01.gif'); return true;">
    <AREA SHAPE="rect" ALT="" COORDS="31,146,122,166" HREF="bio.html"
        ONMOUSEOVER="changeImages('dakotagrace_01', 'dakotagrace_01-ImageMap_02_.gif'); return true;"
        ONMOUSEOUT="changeImages('dakotagrace_01', 'dakotagrace_01.gif'); return true;">
    <AREA SHAPE="rect" ALT="" COORDS="29,122,121,144" HREF="index.html"
        ONMOUSEOVER="changeImages('dakotagrace_01', 'dakotagrace_01-ImageMap_01_.gif'); return true;"
        ONMOUSEOUT="changeImages('dakotagrace_01', 'dakotagrace_01.gif'); return true;">
    </MAP>
    <!-- End ImageReady Slices --><br>
    </BODY>
    </HTML>

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:14 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com