Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Fit On Screen

  1. #1
    Join Date
    Aug 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Fit On Screen

    Hello there.

    I have a big problem. I do not understand much of html an the scripts. I built the page with a hompagemaker. The only thing is, that if i visiti the page from different pc the page doesnt fit in the screen, even the resolution is the same as seted. 1024 x 768.

    Exist any script for this problem??? I mean, a script that fits the url on the resolution from our visitors.

    Many many thanks for your solutions

    Greets from Frankfurt-Germany

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,134
    Thanks
    44
    Thanked 3,231 Times in 3,192 Posts
    Blog Entries
    12

    Default

    This thread may be what you are looking for. Also, it would be good to:

    PLEASE: Include the URL to your problematic webpage that you want help with.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Aug 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Many thanks.

    The url is www.ofc-cheerleader.de

    I have done this page with 3 frames and for example. if i visiti the page from my sister desktop, the lower frame appears with a scrollbar, on the uper frame i see only the first line of flashbuttons, in the middle frame some pages appears complete some not. also I have deactivated the scrollbar for the middle frame, so the viewers cannot scroll.

  4. #4
    Join Date
    Aug 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok. First of all please excuse my english.

    How I told, I made the page with Homepagemaker.
    In the menue to set the frames i set up-frame on 125, middle-frame on 423, up-frame-100.

    Uper-Frame contains the navigation also i deactivated the scrollfunction.
    Middle-Frame contains the pages home, about, etc. etc. The images in this area (backgroung-images) are sized in 390x1024.

    The main problem i have is, that some viewers doesnt see complet the startpage and on the other pages they have to scroll. The only pages to scroll are, at the moment, seniors and juniors.

    But in some cases, if viewers click on a picturelink of seniors or juniors, some page must be scrolled to view the content and some not, but the size of the pictures and the background is the same for all.

    I think i would need 3 scripts. 1 to put in the navigation-frame, one for the pages in the middle-frame and the last for the logo-frame.

    Would be gratefull if somebody could give me a solution or some tips how to make it better.

    Many Thanks

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    You should use percentages for frames, not absolute pixel values.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Aug 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Aaaaaa, many thanks:-)
    I think I understand why...

    Thank you

  7. #7
    Join Date
    Aug 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi there, i set my page to be at 1024 X 768 resolution. However, i got myself a new rig which is 16:9 widescreen (1280 X 800). Any script for me to "centralise" the page horizontally somewhat like google? Coz now they are lying somewhere off centre to the left... Thankx.

  8. #8
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    You shouldn't really "set" a page at any resolution. This breaks the page for other browsers and/or resolutions.
    To do what you're thinking of, put <div align="center"> after your <body> tag, and </div> before your </body> tag. However, a better solution would be to not use absolute values in your page.
    Last edited by Twey; 08-10-2005 at 03:27 PM.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  9. #9
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,134
    Thanks
    44
    Thanked 3,231 Times in 3,192 Posts
    Blog Entries
    12

    Default

    I wrote a script for people who are currently wedded to this idea of absolute positioning, have recently discovered that their page looks awful in any other window size than what they wrote it for, and do not currently want to totally rewrite their page. The script is posted in these forums at the link included in my previous post in this thread. That being put forth, Twey is basically right. You shouldn't use absolute positioning to layout your page, it is for special effects.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  10. #10
    Join Date
    Aug 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ahh... maybe i expressed it wrongly, it isn't really "set at a resolution of 1024 X 768" rather it is "best configured for viewing at 1024 X 768".

    The <div align="center"> way didn't work when i put it under my <body> tag.

    anybody can help? part of the source code is as below: (Sorry if it's a bit too long)

    <body>
    <script language="JavaScript1.2">

    if (document.all||document.getElementById)
    document.body.style.background="url('http://img.photobucket.com/albums/v228/tykoh/Northlight1.jpg') black no-repeat fixed"

    </script>


    </style>
    <title>[[Blog]]<<--{tyKoh's}-->></title>
    <SCRIPT>
    var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
    var title=document.title
    var leng=title.length
    var start=1
    function titlemove() {
    titl=title.substring(start, leng) + title.substring(0, start)
    document.title=titl
    start++
    if (start==leng+1) {
    start=0
    if (repeat==0)
    return
    }
    setTimeout("titlemove()",140)
    }
    if (document.title)
    titlemove()
    </SCRIPT>
    <br>

    <style type="text/css">

    {scrollbar-face-color : 101010;
    scrollbar-highlight-color : 00ccff;
    scrollbar-3dlight-color : 00ccff;
    scrollbar-shadow-color : 00ccff;
    scrollbar-darkshadow-color : 00ccff;
    scrollbar-track-color : 101010;
    scrollbar-arrow-color : 00ccff;}


    p.head {font-family: Arial; color: #FFFEB5; font-size: 12px;

    background-image:
    url('http://img.photobucket.com/albums/v228/tykoh/all_lostheader.jpg');

    border-style: none; border-width: 1px; text-align: center;

    font-weight: bold; letter-spacing: 1px}

    A {color: #FF9900; cursor: default; text-decoration: none;}
    A:visited {color: #FF9900; cursor: default; text-decoration: none;}
    A:active {color: #FF9900; cursor: default; text-decoration: none;}
    A:hover {color:#FF6600;cursor:crosshair;text-decoration:none; position:relative; top:1px; left:1px;}

    body
    </style>


    <div id="Layer1" style="position:absolute; left:0; top:35; width:1000; height:580; z-index:1">
    <img src="http://img.photobucket.com/albums/v228/tykoh/flower1.jpg" width="1000" height="580"><br><br>
    </div>

    <div id="Layer2" style="position:absolute; left:235px; top:625px; width:510px; height: 300px; z-index:2">

    <p class=head><=========~~~~~~~~~~~~~~~~MY BLOG~~~~~~~~~~~~~~~~=========></p>
    <p><td><font face= "chasm" color="#2E8CC2" size="4" font weight= "BOLD">
    <Blogger>
    <BlogDateHeader>
    <div class="date"><font face="Verdana" size="3" color="C27F0B"><b><$BlogDateHeaderDate$></b></font></div>
    </BlogDateHeader>
    <p>
    <font size="4" face="Comic Sans MS" color="333ccff"><strong><u><$BlogItemTitle$></u></strong></font></BlogItemTitle><p>
    <font size="2" face="Comic Sans MS" color="333ccff"><$BlogItemBody$></font>
    <p><font face="Monotype Corsiva" color="FF0000" size="4"><center><b><strong>The Sane Man</strong></b></font><font face="Arial" color="#FFFFFF" size="2"><b> | finally got <font color="FF0000">In</font> @ <$BlogItemDateTime$> |</b></center>
    </font></p>
    <p><p>
    <font size="4" face="Comic Sans MS" color="333ccff">______________________________________________</font><br><br><br>
    </Blogger>

    </div>

    <div id="Layer3" style="position:absolute; left:20px; top:625px;

    width:190px; height: 300px; z-index:3">

    <p class="head">MUSIC</p>
    <center>

    <embed src="http://www.geocities.com/tykoh84/LeeHom_IBelieve.mp3" width=190 height=28 controls=smallconsole autostart=false autorestart=false loop=true repeat></embed>

    <marquee behavior=scroll direction="left" scrollamount="2" height="10" width="190">
    <br><font face=arial color=68AAFC size="2"> ....Click to listen to <strong><font face="Monotype Corsiva" size="5">Lee Hom - I Believe</font></strong>....
    </marquee></center>
    <br>

    <p class=head>WHO AM I?</p>
    <center><font face="verdana" size="2"><font color=FFFFFF>
    <img src="http://img.photobucket.com/albums/v228/tykoh/me.gif" width="200" height="200"><br><br>
    <strong>
    <p class=head>ARCHIVED WORKS</p>

    <center><strong>
    <a href="http://cynical-sarcasm.blogspot.com/2005/05/weiners.html"target="_blank"><font color="37BE01"> Whiney Boy's Debate </font></a><br><br>


    <p class=head>ARCHIVES</p>
    <center>
    <a href="http://cynical-sarcasm.blogspot.com/2005_06_01_cynical-sarcasm_archive.html">
    <font color="37BE01">June 2005</font></a><br>

    </center>


    <p class="head">MY PEEPS</p>
    <center><strong>
    <a href="http://woosh0420.blogspot.com/"target="_blank"><font color=7EB4FE> Matthew's Blog </font></a><br>
    </center></strong>


    <p class="head">PLACES TO GO</p>
    <center>
    <a href="http://www.blogger.com/start"target="_blank"><font color=C757FB>~|Blogger|~</a><br>
    </center>


    <center>
    <script type="text/javascript" language="javascript">
    var sc_project=515675;
    var sc_partition=3;
    </script>

    <script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript>
    <a href="http://www.statcounter.com/" target="_blank"><img src="http://c4.statcounter.com/counter.php?sc_project=515675&amp;java=0" alt="site hit counter" border="0"></a></noscript>
    </font>
    </center>
    </div>


    <div id="Layer4" style="position:absolute; left:765px; top:625px;
    width:210px; height: 300px; z-index:4">


    <p class="head">UR SAE</p>
    <center>

    <!-- BEGIN MYSHOUTBOX.COM CODE -->
    <iframe src="http://270763.myshoutbox.com/" width="200" height="310" frameborder="0" allowTransparency="true" target="_self"></iframe>
    <!-- END MYSHOUTBOX.COM CODE-->

    <p class=head>YET-TO-BUYS</p><font color=68AAFC>
    *Click each item name for a picture reference
    <marquee behavior=scroll direction="left" scrollamount="3" height="5" width="210"><br><strong>
    <a href="http://img.photobucket.com/albums/v228/tykoh/wishes/U-smart.jpg"target="_blank">GP U Smart 30mins Battery Charger[$70]</a>, </strong></font>
    </marquee><br><br>
    I dun mind vouchers where I can buy I.T/electronic products... <br>And I really dun mind Ang-Pows wif CA$H in them. ;-P

    <p class="head">LICENCES</p>
    <marquee behavior=scroll direction="down" scrollamount="1" height="180" width="210"><br>
    <br><font color=FFFFFF>
    <center>
    <strong>
    Class 2B & Class 3<br><br>
    <img src="http://img.photobucket.com/albums/v228/tykoh/d_licence1.jpg" alt="Image hosted by Photobucket.com"><br><br><br><br>
    </strong>
    </center>
    </marquee>


    <p class=head>FAV CARS</p><font color=F1EF52>
    <img src="http://img.photobucket.com/albums/v228/tykoh/phantomb.gif" alt="Image hosted by Photobucket.com"><br>Bike: Honda Phantom TA200<br><br><br><br></marquee>


    <p class="head">PHOTOS</p>
    <marquee behavior=scroll direction="up" scrollamount="3" height="200" width="210"><br><font color=990000>
    <center>
    <img src="http://img.photobucket.com/albums/v228/tykoh/200W%20clips/light.jpg" alt="Image hosted by Photobucket.com"><br><br><br><br><br>
    </marquee><font color=333333>
    </center>

    </div>
    </body>

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •