WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 06-18-2005, 08:41 PM
WebProWorld New Member
 

Join Date: May 2005
Location: UK
Posts: 15
mjw0212 RepRank 0
Default Can someone please help? :

Hello all

I've recently published my first site (http://www.uktelematicsonline.co.uk) and already submitted it for for review on this site.

However, there is one specific problem I cannot fix: You may notice at the bottom of all my pages there is a block of empty space. The Software I am using to design the site is Netobjects fusion 8. The area at the bottom of the page is part of the 'Defaultmasterborder'. In the design view the lower border appears to be right up below the text navigation bar. But as you can see there is all this space.

Can any of you see from my html if there is a reason for this? It's as if there is an object filling this area - but I cannot see it and apart from the text navigation bar, it should be empty.

I really appreciate any advice you can give.

Thanks
__________________
Hello All
From
Mjw0212

Current Project:
http://www.uktelematicsonline.co.uk
Reply With Quote
  #2 (permalink)  
Old 06-18-2005, 11:28 PM
wrmineo's Avatar
WebProWorld Veteran
 

Join Date: Apr 2005
Location: KY USA
Posts: 761
wrmineo RepRank 0
Default

There's a million possibilities with this one - any one of which could negate the other ... confuse yet? I was when I looked at your code:
  • multiple head tags
    multiple body tags
    multiply closing for each of the aforemention
    many more ....

Start by cleaning your code, which can start by easily identifying the errors at W3C and fix them one at a time, or a few at a time until your code is right and then .... viola, your page will likely look like it should.

Good Luck!
w®m[/list][/list]
__________________
W. R. Mineo
Reply With Quote
  #3 (permalink)  
Old 06-18-2005, 11:38 PM
WebProWorld Veteran
 

Join Date: Aug 2003
Location: California,USA
Posts: 373
drummin RepRank 0
Default

Besides the before mentioned...

The line of code,
<TR VALIGN=TOP ALIGN=LEFT>
<TD COLSPAN=4 HEIGHT=947></TD>
</TR>

Is what's making the page show all the "White Space."
Remove the HEIGHT=947 and the bottom space is removed. Really this section doesn't contain content but not wanting to mess up unknown colspans or rowspans I won't say remove it.

Be sure to fix the other problems mentioned.
Reply With Quote
  #4 (permalink)  
Old 06-19-2005, 11:28 AM
WebProWorld New Member
 

Join Date: May 2005
Location: UK
Posts: 15
mjw0212 RepRank 0
Default

Thank you wrmineo and drummin

You're both right, the code is a bit of a mess. The multiple head and body tags were caused by me adding javascripts to the page. In the design view I was trying to position the "add me to favorites" button or the bbc new feedroll, etc. on the page by adding a layout region and then pasting the script into the layout region html. There has got to be a better way. How do I place scripts on the page in the place I want them, without creating multiple head, body tags?

You were right about the cause of the white space. To test waht you suggested I first did a view source, copy and pasted into frontpage, viewed the html, cut the offending height marker and the white space disappeared.

However, when I went into Netobjects fusion 8 and went to the html view, I could not see this specific part of the html. I don't know if fusion displays all the html. Any suggestions?
__________________
Hello All
From
Mjw0212

Current Project:
http://www.uktelematicsonline.co.uk
Reply With Quote
  #5 (permalink)  
Old 06-19-2005, 11:35 AM
ADAM Web Design's Avatar
WebProWorld 1,000+ Club
 

Join Date: Dec 2003
Location: Toronto, Ontario, Canada
Posts: 2,217
ADAM Web Design RepRank 0
Default

I'm going to give you a piece of advice you probably won't like, but I really think it's the best answer:

Code the sections of this site by hand. And if you don't know how, learn how. The problem with NetObjects Fusion/FrontPage/Dr*amw*av*r/other WYSIWYG editors is that they generate bulky, inefficient, problematic code. This is what leads to problems with excessive white space, lack of code validation, and cross-browser issues.

You can go about it two ways (and both work pretty welll):

1) Skeletal building. This is where you start out by creating a wireframe layout (boxes) based on the various sections of your site and then fill in the sections.

2) Section building. Code one section, fill it in, get it to work, and go on to the next section.

Eventually, you'll get what you want and with a lot less code and more importantly, a lot fewer code issues. And you'll have learned something very, very useful.
Reply With Quote
  #6 (permalink)  
Old 06-19-2005, 11:19 PM
WebProWorld 1,000+ Club
 

Join Date: Nov 2003
Location: USA
Posts: 1,475
webhost1 RepRank 0
Default

Nice post Adam. Good advice. The only way of find the errors.
__________________
YourWeb The Friendliest Shopping Mall On The Net |
Buying First Time | Whois Search
Reply With Quote
  #7 (permalink)  
Old 06-21-2005, 11:14 PM
WebProWorld New Member
 

Join Date: May 2005
Location: UK
Posts: 15
mjw0212 RepRank 0
Default Thanks

Hello All

Once again thank you for your advice. I know you're right about the wysiwyg editors, but for many web newbies who cannot, or do not have the time to code, they are a means to an end.

I've learned an awful lot doing this, my first site. I think next time I'll try and do things a little differently.

Thanks
__________________
Hello All
From
Mjw0212

Current Project:
http://www.uktelematicsonline.co.uk
Reply With Quote
  #8 (permalink)  
Old 06-21-2005, 11:32 PM
WebProWorld 1,000+ Club
 

Join Date: Nov 2003
Location: USA
Posts: 1,475
webhost1 RepRank 0
Default Re: Thanks

Your welcome. Hope you enjoy what your doing. Good luck.
__________________
YourWeb The Friendliest Shopping Mall On The Net |
Buying First Time | Whois Search
Reply With Quote
  #9 (permalink)  
Old 06-26-2005, 12:36 AM
WebProWorld New Member
 

Join Date: May 2005
Location: UK
Posts: 15
mjw0212 RepRank 0
Default Problem solved

Hello All

Thank you all for your help. I just thought I would let you know that an empty layout region in one of the pages, seemed to be causing the "white space" at the bottom of the page.

These wysiwyg editors do have their benefits but the downside can be some really messy code, especially when you start departing from the "one size fits all" templates.
__________________
Hello All
From
Mjw0212

Current Project:
http://www.uktelematicsonline.co.uk
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: ,



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Search Engine Optimization by vBSEO 3.2.0