Solved

iWeb Page Length Limit

Posted on 2010-11-16
17
1,418 Views
Last Modified: 2012-05-10
Hi, I am currently using iWeb to create a website and one of my pages has reached a size of 4000px in length and won't let me go any further.

Does anybody know if their's a limit?

Ziggles.
0
Comment
Question by:ziggles
  • 9
  • 7
17 Comments
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34153055
What element has the height at 4000px?? Usually heights aren't set for container objects like tables as their height is dynamic. I would say that iWeb is trying to set the height incorrectly or rather when it doesn't need to. What happens if you clear the height, actually delete it high isn't the same as making it zero
0
 

Author Comment

by:ziggles
ID: 34166583
When you open the inspector under page layout it says that the content height is 4000 px and the width is 1000 px.

It would let me increase the height too 4500 or 5000 px.

When I set to 0 px or if I clear the height the page then gets smaller by about an inch and the content within that inch disappears and you cant get to it either by using the down arrow.  See Screen Shot 1 attached if that helps.



 Screen Shot 1
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34168283
Are you able to see if it conforms with w3 standards? see http://validator.w3.org/

you can upload your files or submit your website.  if it has errors they need to be fixed or you may get unexpected results like you're getting.  in face can you post the code for the page you are having issues with?
0
 

Author Comment

by:ziggles
ID: 34169289
According to that website you mentioned it passed.

0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34169501
ok that's a good start.  can you post the code for the page?
0
 

Author Comment

by:ziggles
ID: 34171036
I could post the pages coding but iWeb doesn't allow you to edit the pages using the code.

It's graphic only with HTML Snipets.
0
 

Author Comment

by:ziggles
ID: 34176386
Coding as requested.

Thanks,

ziggles.
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <meta name="Generator" content="iWeb 3.0.2" />
    <meta name="iWeb-Build" content="local-build-20101118" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=1000" />
    <title>Misc</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Misc_files/Misc.css" />
    <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Misc_files/MiscIE.css'/><![endif]-->
    <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
    <style type="text/css">
/*<![CDATA[*/
	@import "Scripts/Widgets/HTMLRegion/Paste.css";
/*]]>*/
</style>
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="Scripts/iWebMediaGrid.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/HTMLRegion/Paste.js"></script>
    <script type="text/javascript" src="Misc_files/Misc.js"></script>
  </head>
  <body style="background: rgb(255, 255, 255); margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word;  background: transparent; text-align: left; width: 1000px; " id="body_content">
        <div style="float: left; margin-left: 0px; position: relative; width: 1000px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
        </div>
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 1000px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 1000px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="height: 271px; width: 271px;  height: 271px; left: 571px; position: absolute; top: 2943px; width: 271px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/210093_inset1_xl.jpg" alt="" style="border: none; height: 271px; width: 271px; " />
          </div>
          


          <div style="height: 100px; width: 100px;  height: 100px; left: 22px; position: absolute; top: 22px; width: 100px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/BWCLogo.png" alt="" style="border: none; height: 100px; width: 100px; " />
          </div>
          


          <div id="id1" style="height: 72px; left: 200px; position: absolute; top: 44px; width: 481px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_481_72" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">Bristol Wood Crafts</p>
              </div>
            </div>
          </div>
          


          <div style="height: 100px; width: 100px;  height: 100px; left: 802px; position: absolute; top: 22px; width: 100px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/BWCLogo_1.png" alt="" style="border: none; height: 100px; width: 100px; " />
          </div>
          


          <div id="id2" style="height: 31px; left: 304px; position: absolute; top: 93px; width: 273px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_273_31" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_1">Your local online gift store</p>
              </div>
            </div>
          </div>
          


          <div id="id3" style="height: 9px; left: 7px; position: absolute; top: 189px; width: 921px; z-index: 1; " class="style_SkipStroke_2 shape-with-text">
            <div class="text-content graphic_shape_layout_style_default_External_921_9" style="padding: 0px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div id="id4" style="height: 968px; left: 9px; position: absolute; top: 224px; width: 200px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_1">
            <div class="text-content graphic_textbox_layout_style_default_External_198_966" style="padding: 1px; ">
              <div class="graphic_textbox_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 38px; width: 60px;  height: 38px; left: 79px; position: absolute; top: 764px; width: 60px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/image_1.png" alt="" style="border: none; height: 38px; width: 60px; " />
          </div>
          


          <div style="height: 150px; width: 150px;  height: 150px; left: 34px; position: absolute; top: 835px; width: 150px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/009_08.png" alt="" style="border: none; height: 150px; width: 150px; " />
          </div>
          


          <div id="id5" style="height: 60px; left: 237px; position: absolute; top: 230px; width: 658px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_658_60" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_2">Miscellaneous</p>
              </div>
            </div>
          </div>
          


          <div style="height: 140px; width: 140px;  height: 140px; left: 39px; position: absolute; top: 1018px; width: 140px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/dis_05.png" alt="" style="border: none; height: 140px; width: 140px; " />
          </div>
          


          <div id="id6" style="height: 69px; left: 271px; position: absolute; top: 284px; width: 586px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_586_69" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_3">Please make sure your popup blocker is disabled or switched to &quot;Allow pop up's to this site&quot; <br />as shopping cart will appear in a new window.<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id7" style="height: 270px; left: 273px; position: absolute; top: 362px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_2">
            <div class="text-content graphic_shape_layout_style_default_External_583_268" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div id="id8" style="height: 139px; left: 293px; position: absolute; top: 375px; width: 349px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_349_139" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_4">An exquisite present for all the ladies out there.<br />Could also be used to store a mint mouth spray.<span style="line-height: 19px; " class="style"><br /></span></p>
                <p class="paragraph_style_4">Item Name: Perfume Atomiser<br />Item Code: 7717000<br />Price: £12.00<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id9" style="height: 171px; left: 293px; position: absolute; top: 673px; width: 349px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_349_171" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_5">A neat device for storing and dispensing toothpicks.  The holder is opened by a swivel cap at one end and the picks are neatly dispensed at the opposite end.<br /></p>
                <p class="paragraph_style_5"><span style="line-height: 19px; " class="style"><br /></span></p>
                <p class="paragraph_style_6">Item Name: Toothpick Holder<br />Item Code: 7717100<br />Price: £12.00<br /></p>
              </div>
            </div>
          </div>
          


          <div id="id10" style="height: 80px; left: 293px; position: absolute; top: 1009px; width: 349px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_349_80" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_7">A stylish and an attractive gift for anyone.<span style="line-height: 19px; " class="style"><br /></span></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_4">Item Name: Key Ring Whistle<br />Item Code: 7717400<br />Price: £9.00</p>
              </div>
            </div>
          </div>
          


          <div id="id11" style="height: 312px; left: 273px; position: absolute; top: 654px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_3">
            <div class="text-content graphic_shape_layout_style_default_External_583_310" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div id="id12" style="height: 240px; left: 273px; position: absolute; top: 988px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_4">
            <div class="text-content graphic_shape_layout_style_default_External_583_238" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 102px; width: 150px;  height: 102px; left: 663px; position: absolute; top: 713px; width: 150px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/ToothpickHolder.jpg" alt="" style="border: none; height: 102px; width: 150px; " />
          </div>
          


          <div style="height: 125px; width: 172px;  height: 125px; left: 652px; position: absolute; top: 1035px; width: 172px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/Whistle.jpg" alt="" style="border: none; height: 125px; width: 172px; " />
          </div>
          


          <div id="id13" style="height: 320px; left: 273px; position: absolute; top: 1250px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_5">
            <div class="text-content graphic_shape_layout_style_default_External_583_318" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div id="id14" style="height: 174px; left: 293px; position: absolute; top: 1261px; width: 349px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_349_174" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_7">A substantial glass ice bucket, can be used<br /></p>
                <p class="paragraph_style_7">on its own or set on one of our lovely wooden <br /></p>
                <p class="paragraph_style_7">bases.  Please state when ordering if you would <br /></p>
                <p class="paragraph_style_7">like a base or not.<br /></p>
                <p class="paragraph_style_7"><span style="line-height: 19px; " class="style_1"><br /></span></p>
                <p class="paragraph_style_4">Item Name: Ice Bucket<br />Item Code: 7717800<br />Price: £15.00<span style="line-height: 19px; " class="style_1"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id15" style="height: 104px; left: 293px; position: absolute; top: 1609px; width: 415px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_415_104" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_6">Please click <a title="Keyrings.html" href="Keyrings.html">here</a> for other keyring designs.<span style="line-height: 19px; " class="style"><br /></span></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_6">Item Name: Wooden Key Ring<br />Item Code: 7717200<br />Price: £2.50</p>
              </div>
            </div>
          </div>
          


          <div id="id16" style="height: 171px; left: 293px; position: absolute; top: 1926px; width: 349px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_349_171" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_6">A Swiss Army tool pen. Comes with 5 interchangeable attachments. A pen refill, knife, 2 screwdriver heads and a tweezer set. Makes a great unique gift.<br /><br />Item Name: Tool Pen<br />Item Code: 7717300<br />Price: £15.00<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id17" style="height: 293px; left: 273px; position: absolute; top: 1590px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_6">
            <div class="text-content graphic_shape_layout_style_default_External_583_291" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div id="id18" style="height: 315px; left: 273px; position: absolute; top: 1905px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_7">
            <div class="text-content graphic_shape_layout_style_default_External_583_313" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 125px; width: 132px;  height: 125px; left: 672px; position: absolute; top: 1347px; width: 132px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/IceBucket.jpg" alt="" style="border: none; height: 125px; width: 132px; " />
          </div>
          


          <div style="height: 195px; width: 259px;  height: 195px; left: 577px; position: absolute; top: 1639px; width: 259px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/Key20Ring20Satinwood1.jpg" alt="" style="border: none; height: 195px; width: 260px; " />
          </div>
          


          <div style="height: 151px; width: 201px;  height: 151px; left: 650px; position: absolute; top: 1939px; width: 201px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/Tool20Pen1.jpg" alt="" style="border: none; height: 152px; width: 201px; " />
          </div>
          


          <div id="id19" style="height: 46px; left: 196px; position: absolute; top: 137px; width: 503px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_503_46" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_8">382 Hotwell Road, Hotwells, Bristol, BS8 4NT<br />Tel: 01275545530     Mobile: 07540 891 670     Email: contact_us@bristolwoodcrafts.co.uk</p>
              </div>
            </div>
          </div>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget0" style="height: 30px; left: 821px; opacity: 1.00; position: absolute; top: 208px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget0_htmlMarkupURL = ".//Misc_files/widget0_markup.html";
//--><!]]></script>
            <div id="widget0-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget0', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget1" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 536px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget1_htmlMarkupURL = ".//Misc_files/widget1_markup.html";
//--><!]]></script>
            <div id="widget1-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget1', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget2" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 870px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget2_htmlMarkupURL = ".//Misc_files/widget2_markup.html";
//--><!]]></script>
            <div id="widget2-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget2', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget3" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 1114px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget3_htmlMarkupURL = ".//Misc_files/widget3_markup.html";
//--><!]]></script>
            <div id="widget3-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget3', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget4" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 1473px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget4_htmlMarkupURL = ".//Misc_files/widget4_markup.html";
//--><!]]></script>
            <div id="widget4-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget4', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget5" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 2121px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget5_htmlMarkupURL = ".//Misc_files/widget5_markup.html";
//--><!]]></script>
            <div id="widget5-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget5', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget6" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 1784px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget6_htmlMarkupURL = ".//Misc_files/widget6_markup.html";
//--><!]]></script>
            <div id="widget6-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget6', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div id="id20" style="height: 155px; left: 293px; position: absolute; top: 2262px; width: 349px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_349_155" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_5">A pen shaped flashlight. A light touch contact of the clip gives a high power beam of light. Runs on standard AAA batteries.<br /><br /></p>
                <p class="paragraph_style_6">Item Name: Flash Light Pen<br />Item Code: 7717700<br />Price: £15.00<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id21" style="height: 283px; left: 273px; position: absolute; top: 2241px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_8">
            <div class="text-content graphic_shape_layout_style_default_External_583_281" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 50px; width: 240px;  height: 50px; left: 604px; position: absolute; top: 2326px; width: 240px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/PEN-FLP.jpg" alt="" style="border: none; height: 50px; width: 240px; " />
          </div>
          


          <div id="id22" style="height: 191px; left: 293px; position: absolute; top: 2568px; width: 331px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_331_191" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">This new handsome razor kit is a premium quality razor with excellent feel and balance. This razor kit has chrome-plated head and fittings, which are highly polished and the razor accommodates any Gilette Mach 3 style refill.</span><br /><br /></p>
                <p class="paragraph_style_6">Item Name: Razor Pen<br />Item Code: 7717800<br />Price: £18.00<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id23" style="height: 325px; left: 273px; position: absolute; top: 2547px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_9">
            <div class="text-content graphic_shape_layout_style_default_External_583_323" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 151px; width: 211px;  height: 151px; left: 632px; position: absolute; top: 2634px; width: 211px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/Razor250.jpg" alt="" style="border: none; height: 152px; width: 211px; " />
          </div>
          


          <div style="height: 99px; width: 111px;  height: 99px; left: 876px; position: absolute; top: 2333px; width: 111px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/new-icon.jpg" alt="" style="border: none; height: 99px; width: 111px; " />
          </div>
          


          <div style="height: 99px; width: 111px;  height: 99px; left: 865px; position: absolute; top: 2673px; width: 111px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/new-icon_1.jpg" alt="" style="border: none; height: 99px; width: 111px; " />
          </div>
          


          <div style="height: 50px; width: 200px;  height: 50px; left: 638px; position: absolute; top: 472px; width: 200px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/ps102.jpg" alt="" style="border: none; height: 50px; width: 200px; " />
          </div>
          


          <div id="id24" style="height: 239px; left: 293px; position: absolute; top: 2916px; width: 273px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_273_239" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">4 Piece Gardening Set consisting of:<br /></span></p>
                <p class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">1x Hand Trowel<br />1x Potting Trowel<br /></span></p>
                <p class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">1x Three Prong Cultivator<br /></span></p>
                <p class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">1x Deep Root-weeder.<br /></span></p>
                <p class="paragraph_style_9"><span style="line-height: 16px; " class="style_2"><br /></span></p>
                <p class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">Made of the highest quality fully hardened stainless steel.</span><br /><br /></p>
                <p class="paragraph_style_6">Item Name: 4 Piece Garden Tool Set<br />Item Code: 7717900<br />Price: £35.00<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id25" style="height: 368px; left: 273px; position: absolute; top: 2895px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_10">
            <div class="text-content graphic_shape_layout_style_default_External_583_366" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 99px; width: 111px;  height: 99px; left: 865px; position: absolute; top: 3021px; width: 111px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/new-icon_2.jpg" alt="" style="border: none; height: 99px; width: 111px; " />
          </div>
          


          <div id="id26" style="height: 239px; left: 294px; position: absolute; top: 3308px; width: 273px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_273_239" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">Make sure everyone knows dinner is on the table with these stunning dinner bells.</span><br /><br /></p>
                <p class="paragraph_style_6">Item Name: Brass Dinner Bell<br />Item Code: 77171000<br />Price: £38.00<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div id="id27" style="height: 306px; left: 274px; position: absolute; top: 3287px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_11">
            <div class="text-content graphic_shape_layout_style_default_External_583_304" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 99px; width: 111px;  height: 99px; left: 866px; position: absolute; top: 3413px; width: 111px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/new-icon_3.jpg" alt="" style="border: none; height: 99px; width: 111px; " />
          </div>
          


          <div style="height: 247px; width: 247px;  height: 247px; left: 584px; position: absolute; top: 3313px; width: 247px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/DKPP252_b3.jpg" alt="" style="border: none; height: 247px; width: 247px; " />
          </div>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget7" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 2426px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget7_htmlMarkupURL = ".//Misc_files/widget7_markup.html";
//--><!]]></script>
            <div id="widget7-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget7', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget8" style="height: 78px; left: 300px; opacity: 1.00; position: absolute; top: 2772px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget8_htmlMarkupURL = ".//Misc_files/widget8_markup.html";
//--><!]]></script>
            <div id="widget8-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget8', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget9" style="height: 78px; left: 299px; opacity: 1.00; position: absolute; top: 3164px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget9_htmlMarkupURL = ".//Misc_files/widget9_markup.html";
//--><!]]></script>
            <div id="widget9-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget9', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget10" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 3494px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget10_htmlMarkupURL = ".//Misc_files/widget10_markup.html";
//--><!]]></script>
            <div id="widget10-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget10', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget11" style="height: 78px; left: 290px; opacity: 1.00; position: absolute; top: 3872px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget11_htmlMarkupURL = ".//Misc_files/widget11_markup.html";
//--><!]]></script>
            <div id="widget11-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget11', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div id="id28" style="height: 239px; left: 294px; position: absolute; top: 3630px; width: 273px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_273_239" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_9"><span style="line-height: 16px; " class="style_2">Make sure everyone knows dinner is on the table with these stunning dinner bells.</span><br /><br /></p>
                <p class="paragraph_style_6">Item Name: Antique Dinner Bell<br />Item Code: 77171050<br />Price: £38.00<span style="line-height: 19px; " class="style"><br /></span></p>
              </div>
            </div>
          </div>
          


          <div style="height: 300px; width: 300px;  height: 300px; left: 558px; position: absolute; top: 3637px; width: 300px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/DKPP252_b3_1.jpg" alt="" style="border: none; height: 300px; width: 300px; " />
          </div>
          


          <div id="id29" style="height: 352px; left: 274px; position: absolute; top: 3619px; width: 585px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_12">
            <div class="text-content graphic_shape_layout_style_default_External_583_350" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div id="id30" style="height: 476px; left: 20px; position: absolute; top: 239px; width: 178px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_178_476" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_10"><a class="class1" title="Welcome.html" href="Welcome.html">Home<br /><br /></a></p>
                <p class="paragraph_style_10">Online Shop<br /></p>
                <p class="paragraph_style_10">- <a class="class2" title="Pens_&amp;_Pencils.html" href="Pens_%26_Pencils.html">Pens &amp; Pencils</a><br /></p>
                <p class="paragraph_style_10">- <a class="class3" title="Cases.html" href="Cases.html">Cases</a><br /></p>
                <ol>
                  <li style="line-height: 20px; padding-left: 9px; text-indent: -9px; " class="full-width">
                    <p style="text-indent: -9px; " class="paragraph_style_11"><span style="font-size: 15px; " class="Bullet">-</span><span style="width: 4px; " class="inline-block"></span><a class="class4" title="Clocks.html" href="Clocks.html">Clocks</a><br /></p>
                  </li>
                  <li style="line-height: 20px; padding-left: 9px; text-indent: -9px; " class="full-width">
                    <p style="text-indent: -9px; " class="paragraph_style_11"><span style="font-size: 15px; " class="Bullet">-</span><span style="width: 4px; " class="inline-block"></span><a class="class5" title="Office.html" href="Office.html">Executive Office</a><br /></p>
                  </li>
                  <li style="line-height: 20px; padding-left: 9px; text-indent: -9px; " class="full-width">
                    <p style="text-indent: -9px; " class="paragraph_style_11"><span style="font-size: 15px; " class="Bullet">-</span><span style="width: 4px; " class="inline-block"></span><a class="class6" title="" href="">Miscellaneous</a><br /></p>
                  </li>
                  <li style="line-height: 20px; padding-left: 9px; text-indent: -9px; " class="full-width">
                    <p style="text-indent: -9px; " class="paragraph_style_11"><span style="font-size: 15px; " class="Bullet">-</span><span style="width: 4px; " class="inline-block"></span><a class="class7" title="Pewter_Ware.html" href="Pewter_Ware.html">Pewter Ware</a><br /></p>
                  </li>
                  <li style="line-height: 20px; padding-left: 9px; text-indent: -9px; " class="full-width">
                    <p style="text-indent: -9px; " class="paragraph_style_11"><span style="font-size: 15px; " class="Bullet">-</span><span style="width: 4px; " class="inline-block"></span><a class="class8" title="Clips_&amp;_Refills.html" href="Clips_%26_Refills.html">Clips &amp; Refills</a><br /></p>
                  </li>
                </ol>
                <p class="paragraph_style_10"><br /><a class="class9" title="Types_of_Wood.html" href="Types_of_Wood.html">Types of Wood</a><br /></p>
                <p class="paragraph_style_10"><a class="class10" title="FAQ.html" href="FAQ.html">FAQ</a><br /></p>
                <p class="paragraph_style_10"><a class="class11" title="Feedback.html" href="Feedback.html">Feedback</a><br /></p>
                <p class="paragraph_style_10"><a class="class12" title="Warranty.html" href="Warranty.html">Warranty</a><br /></p>
                <p class="paragraph_style_10"><a class="class13" title="Returns.html" href="Returns.html">Returns</a><br /></p>
                <p class="paragraph_style_10"><a class="class14" title="Terms_&amp;_Conds.html" href="Terms_%26_Conds.html">Terms &amp; Conditions</a><br /></p>
                <p class="paragraph_style_10"><a class="class15" title="Contact_Us.html" href="Contact_Us.html">Contact Us</a><br /><br /><a class="class16" title="Offers.html" href="Offers.html">Special Offers</a><br /></p>
                <p class="paragraph_style_10"><br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_10"><a class="class17" title="Contact_Us.html" href="Contact_Us.html">Request a Copy of Our Latest Catalogue</a></p>
              </div>
            </div>
          </div>
          <div style="height: 4000px; line-height: 4000px; " class="spacer"> </div>
        </div>
        <div style="height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 1000px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="height: 99px; width: 111px;  height: 99px; left: 867px; position: absolute; top: -254px; width: 111px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
            <img src="Misc_files/new-icon_4.jpg" alt="" style="border: none; height: 99px; width: 111px; " />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Open in new window

0
 

Author Comment

by:ziggles
ID: 34472584
Did me posting the code help????
0
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34485728
Sorry, i've been away for the holidays.  I'm sure it will help
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34503491
Ok I've had a look at your code and the layout that iWeb is doing is going to cause all kind of issues.  All your DIV tags are positioned using the "absolute" method in reference to the top of the page or this spacer, I haven't worked out which:

<div style="height: 4000px; line-height: 4000px; " class="spacer"> </div>

Open in new window


In other words iWeb is forcing each of the elements to appear at it's own offset from the top of the page and irrespective to other content.  If you are going to be showing content from a database, where the number of items is unknown, then you will run into problems.

A normal webpage should flow from left to right (right to left for the East), top to bottom having the browser work out their positioning.

There must be a way in iWEb to disable the absolute positioning of elements and let the browser render the positioning.  If you code the element correctly then the flow will work.
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34503517
I would suggest using tables or the "float: left/right" style to get the desired layout.

I'll recreate your layout using these techniques to show you what i mean, but you will still need to reconfigure iWeb to not use Absolute positioning unless you specify otherwise
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34503537
In fact I will need you to post your css files as they could dramatically affect the layout.

Do you inject or change any of the html using javascript?  if so I would need those files too.
0
 

Author Comment

by:ziggles
ID: 34645956
You cannot adjust the coding in iWeb.

You can only edit the sites pages by graphic view only or add HTML snippets. For example to insert a marque or Paypal Add to cart button.
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34650319
hmm tough issue because like similar programs it's creating unnecessary and incorrect html...

Unless you or I can think of something else, I would create as much of the site as you can using your iWeb program and then finish the rest using another program or a text editor...  how confident are you coding html?
0
 

Author Comment

by:ziggles
ID: 34652315
Not done much coding for awhile now since I discovered iWeb on my new iMac.

I have a feeling that the software just limits the length of the page as every page I have just tried to adjust the content height to 5000 px from 4000 px and just changes automatically back to 4000 px.

I don't really know how using two pieces of software would work with regards to uploading it as when I upload the sites I have created I do it through iWeb.

iWeb saves the websites created by me to one file also.
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34658546
Hi

I can understand the ease of use with iWeb. Try Requesting Attention to see if any other experts can provide some insight into iWeb's setting.
Meanwhile I'll look through its setting to try and disable the 4000px limit.
0
 
LVL 4

Accepted Solution

by:
mac_guru earned 500 total points
ID: 34670112
Yes, there are ways to overcome the limitation of 4000px page length in iWeb.

And yes, you can adjust the code from iWeb, the way you change the code is by publishing you site first, and go edit the html file with any text editor.
Read this if you wish to try that yourself :
http://discussions.apple.com/message.jspa?messageID=7766400

However, there is a simple workaround without editing any html codes.
At the bottom of your page, add an empty text box (place it away from your content, make it narrow etc), and keep dragging it down, and it will extend the page.

Hope this help.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Steve Jobs once said that Blu-ray is "a bag of hurt". As Macs users well known, things haven’t settled down (at least not from Apple’s perspective). Several years after that comment, Mac OS X still doesn’t support Blu-ray playback, nor has any Mac s…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now