Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14
  1. #1
    New Coder
    Join Date
    Nov 2005
    Location
    Sweden
    Posts
    86
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Angry iframe scrollbar problem ..

    hello, im working on my site in GoLive CS2 so the site is not yet finished, came across a problem, it on my "services" page, there is a horizontal scrollbar, and no matter how small i make the page in golive that ****ing scrollbar is always there .... help someone please !!! im going insane!! haha


    http://www.joroco.net/index_v01.html
    then go to "services" ....

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    No need to swear. Don't set a width to the page you are iframing in. If you do set a width make sure its 20px less than the width of your iframe. Remember padding counts for overall width. Lose the absolute positioning as well.

  • #3
    New Coder
    Join Date
    Nov 2005
    Location
    Sweden
    Posts
    86
    Thanks
    1
    Thanked 0 Times in 0 Posts
    hi again! i have tried playing around with it for like 1 hour now, im sorry but i dont understand what you mean ... im really not good at this coding thingy ... so if you could write again i would greatly appreciate ...
    thanks /john

  • #4
    Regular Coder
    Join Date
    Oct 2005
    Posts
    196
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I don't see a horizontal scroll bar

  • #5
    New Coder
    Join Date
    Nov 2005
    Location
    Sweden
    Posts
    86
    Thanks
    1
    Thanked 0 Times in 0 Posts
    its maybe your resolution ... there is still a scrollbar there on the site ... im on 1280*1024

  • #6
    New to the CF scene
    Join Date
    Nov 2005
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I can't see it either and I have that resolution on , only a vertical one if thats what you mean.
    Last edited by markmid; 11-25-2005 at 09:36 AM.

  • #7
    Regular Coder
    Join Date
    Oct 2005
    Posts
    196
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by joroco
    its maybe your resolution ... there is still a scrollbar there on the site ... im on 1280*1024
    I'm using that resolution as well and see nothing.

    Which browser are you using? If you are not using Firefox, I suggest switching

    Edit: After looking at your page in IE, I now see the horizontal scrollbar.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I'm really not sure how much clearer I can be. DO NOT set a width to the page IN the iframe. Get RID of the THE absolute positioning. Do you even actually view the source of your pages?

  • #9
    New Coder
    Join Date
    Nov 2005
    Location
    Sweden
    Posts
    86
    Thanks
    1
    Thanked 0 Times in 0 Posts
    ey _Aerospace_Eng_ im not very good with coding, only really now starting to find it intresting ... mostly just used photoshop before to design stuff ... yes of course i look at the source of my pages ....that stupid am i not. .. but please be alittle understanding im NOT good at all at understanding this , just getting started remember =P

    so what should the code look like on the iframe ?
    <body>
    <div style="position:width:100%;height:893px;margin:auto;-adbe-g,10,10;">
    what do i change here and do i need to replace anything that i take away ??

    very thankfull for everyones help!


    oh, okey, but for people that use IE does anyone know how i fix it so they cant see it ??

    what is firefox by the way ?
    why is it better ??

    Last edited by joroco; 11-25-2005 at 05:24 PM.

  • #10
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Firefox is a open source browser written by the Mozilla Foundation.

    http://reviews.cnet.com/4520-3000_7-5561073-1.html
    There's a brief comparison.

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Change this
    Code:
    <html>
    <head>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8">
    		<style type="text/css"><!--
    body { color: #fff; font-size: 12px; font-family: verdana; text-decoration: none; text-align: center; }
    p {}
    td {}
    a:link { color: #f5821f ; text-decoration: none; }
    a:visited { color: #c2c0ab ; text-decoration: none; }
    a:hover { color: #f5821f ; text-decoration: underline; }
    a:active { color: #c2c0ab ; text-decoration: none; }
    --></style>
    </head>
    <body bgcolor="#4C4C4C">
    		<div style="position:relative;width:679px;height:248px;-adbe-g:p;">
    			<div style="position:absolute;top:0px;left:0px;width:678px;height:89px;-adbe-c:c">
    				<div align="center">
    					Welcome to Joroco.net
    					<p>Your complete supplier of digital graphics and design!</p>
    
    					<p><br>
    						<br>There Is No End To The Imagination</p>
    				</div>
    			</div>
    		</div>
    		<p></p>
    	</body>
    </html>
    To this
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <style type="text/css">
    <!--
    body {
    background:#4C4C4C;
    color: #fff;
    font-size: 12px;
    font-family: verdana;
    text-align: center;
    margin:5px;
    padding:0;
    }
    a:link {
    color: #f5821f;
    text-decoration: none;
    }
    a:visited {
    color: #c2c0ab;
    text-decoration: none;
    }
    a:hover {
    color: #f5821f;
    text-decoration: underline;
    }
    a:active {
    color: #c2c0ab;
    text-decoration: none;
    }
    -->
    </style>
    </head>
    <body>
    	<div>Welcome to Joroco.net
    		<p>Your complete supplier of digital graphics and design!</p>
    		<p><br><br>There Is No End To The Imagination</p>
    	</div>
    </body>
    </html>
    See how there IS NO width set to anything?

  • #12
    New Coder
    Join Date
    Nov 2005
    Location
    Sweden
    Posts
    86
    Thanks
    1
    Thanked 0 Times in 0 Posts
    oh =) yea i see ... so really there can be alot less code on everypage, alot of un need stuff ...
    this is all great, now i can look through everything and hopefully learn and understand alittle more of what i am doing

    thanks !

  • #13
    New Coder
    Join Date
    Nov 2005
    Location
    Sweden
    Posts
    86
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question

    erhm,just been looking through it now and changed everything i think
    but its still the same in IE

    here is the code ...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Adobe GoLive" />
    <title>Untitled Page</title>
    <link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
    <style>

    html {
    scrollbar-face-color:#4c4c4c;
    scrollbar-highlight-color:#878787;
    scrollbar-shadow-color:#4c4c4c;
    scrollbar-3dlight-color:#868686;
    scrollbar-arrow-color:#ffffff;
    scrollbar-track-color:#4c4c4c;
    scrollbar-darkshadow-color:#000000;
    }
    </style>

    </head>

    <body>
    <div>
    <div class="textaligncenter"></div>
    <div class="biggertext">
    <span class="headers">WEBSITE DESIGN &amp; LAYOUT</span>
    <p>Website layouts &amp; gragpics</p>
    <p>GRAPHIC DESIGN FOR : </p>
    <p>Logos - Posters, Leaflets, Broschures - Menus &amp; More ...<br />
    <br />
    <br />
    <br />
    </p>
    </div>
    <div class="biggertext">
    <span class="headers">WEBSITE DESIGN &amp; GRAPHICS<br />
    </span><br />
    <br />
    <p>Do you have a website that needs refreshing with new graphics ?</p>
    <p>Let us design your : Menubars, Advertising Banners Or anything else that you think is not perfect on your site !</p>
    <p>Maybe you just need to redesign your whole website with new and improved Design and/or Layout.<br />
    <br />
    <br />
    <br />
    </p>
    </div>
    <div class="biggertext">
    <span class="headers">LOGOS<br />
    </span><br />
    <br />
    <p>STARTING OR STARTED A NEW COMPANY ?<br />
    NEED A NEW AND ORIGINAL LOGO ?</p>
    <p>Let us design a brand new and exciting logo for you.</p>
    <p>WANT TO KEEP IT BASIC ?</p>
    <p>WANT TO LET THE IMAGINATION RUN WILD ? </p>
    <p>Give us a general idea and let us produce an outstanding logo for your company.<br />
    <br />
    <br />
    <br />
    <br />
    <br />
    </p>
    </div>
    <div class="biggertext">
    <span class="headers">POSTERS, LEAFLETS &amp; BROSCHURES<br />
    </span><br />
    <br />
    <p>Original spectacular graphics can enhance your posters, advertising leaflets and broschures.</p>
    <p>Give us just a small idea and let us create for you great advertising that will attract the eye !<br />
    <br />
    <br />
    <br />
    </p>
    </div>
    <div class="biggertext">
    <span class="headers">MENUS<br />
    </span><br />
    <br />
    <p>From basic menus to outstanding menus that compliment your restuarant in everyway.</p>
    <p>We can design a menu to compliment or match your restuarants profile/image.</p>
    </div>
    </div>
    <p></p>
    </body>

    </html>

    anyone see anything very wrong here or ?

  • #14
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    In your CSS change this
    Code:
    body { color: #fff; font-size: 10px; font-family: verdana; background-color: #4c4c4c; text-decoration: none; }
    to this
    Code:
    body { color: #fff; font-size: 10px; font-family: verdana; background-color: #4c4c4c; text-decoration: none; margin:0; padding:0; }
    Last edited by _Aerospace_Eng_; 11-26-2005 at 06:15 PM.


  •  

    Posting Permissions

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