whitespace (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

piquet -> whitespace (4/15/2002 12:38:08)

The last too sites I have created show white space at the bottom of the page. At the moment I canīt upload them to demonstrate, but they are both quite sophisticated with category menus (javascript) and sliced graphics. Does anyone know, without seeing the code, the usual cause of this problem? In design view and prieview the problem exists. I canīt just place the cursor and backspace, that doesnīt work!




pageoneresults -> RE: whitespace (4/15/2002 12:41:28)

Hello piquet! Since we cannot see, we can only guess. My first guess would be that there is either a </p> or </td> tag that is hanging or has a space before it and the last line of content for that </p> or </td>. How much white space is there?

Best way to see this is to view the HTML or use Ctrl + / and see what the tags are doing at the bottom of the page where the space appears.

SEO Consultants Directory
Search Engine Optimization Tips

Edited by - pageoneresults on 04/15/2002 12:42:26



Kokomo -> RE: whitespace (4/15/2002 12:54:49)

Try getting rid of your table height settings maybe?




Reflect -> RE: whitespace (4/15/2002 14:11:09)

Hi,

I think you would want to add this to your body tag...

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Brian

Work hard, play fair, stay sane



Reflect -> RE: whitespace (4/15/2002 14:11:42)

Hi,

I think you would want to add this to your body tag...

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Brian

Work hard, play fair, stay sane



piquet -> RE: whitespace (4/15/2002 15:43:41)

OK, this is driving me mad. I have temporarily uploaded to http://www.wansdyke.org.uk/new_wansdyke
Bear in mind the site is unfinished, the links go nowhere. If you are viewing in 800X600 you may also like to know that the whole page is centered in a table to allow for other resolutions.




Mike54 -> RE: whitespace (4/15/2002 16:05:46)

Took a quick look in IE 6 and didn't see any white space.
If you're talking about the extra white space under your "Conference Changes" section it's because your menu is longer than the rest of the page content and is stretching the page out.
By menu I mean the left column. Can you edit it a bit?

ah reckon, tharfo'e ah's, ah reckon.



Edited by - Mike54 on 04/15/2002 16:07:22



Gil -> RE: whitespace (4/15/2002 16:13:11)

I got here a little late but, the earlier suggestions of adding <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> are close: Try:
<body leftmargin="0" topmargin="0" bottommargin="0" leftmargin="0" marginwidth="0" marginheight="0">







Gil Harvey
The Host Factory
Resellers are our Specialty
Find a Web Professional




Mike54 -> RE: whitespace (4/15/2002 16:36:12)

Ok what am I missing here???
I looked at what was posted in IE 6, NS 6.2 Opera 5.12 and didn't see any white space at the bottom in any of them. Am I the only one seeing it the way piquet wants it seen?

ah reckon, tharfo'e ah's, ah reckon.




piquet -> RE: whitespace (4/15/2002 16:42:09)

Sorry, a little confusion on my part!
By white space I mean the the blue of the original background at the bottom. When i finish the site and put the credits at the bottom, the white (which was created by filling a table) should be the last thing the viewer sees. At the moment the background is showing at the bottom and I canīt simply delete it by backspacing. I have tried all the suggestions and none work.




piquet -> RE: whitespace (4/15/2002 16:45:14)

By the way, Mike, the left hand column contains news automatically supplied by an external website (not mine) and varies in length each day according to the content.




Mike54 -> RE: whitespace (4/15/2002 16:57:00)

OK I think I've got it. Once you finish things up you don't want the blue at the bottom. Frankly I don't think it's a negative (I say that because I haven't a clue how to get rid of it ) And, if it makes you feel better, it doesn't show in Opera.

ah reckon, tharfo'e ah's, ah reckon.




piquet -> RE: whitespace (4/15/2002 17:01:29)

Thanks. Iīll do a survey to see how many people use Opera, LOL.........any geniuses out there that know the real answer?





Gil -> RE: whitespace (4/15/2002 17:21:18)

Did you try adding the rest of the margin attributes to the body tag?

Also your style="margin: 0" inside the body tag isn't going to help.

Gil Harvey
The Host Factory
Resellers are our Specialty
Find a Web Professional




piquet -> RE: whitespace (4/15/2002 17:28:17)

Yeah, tried that....AAAAARGHHHHHHH!!!!!!!!




pageoneresults -> RE: whitespace (4/15/2002 22:23:13)

Okay, here is what I did and was able to eliminate the white space. The first thing I looked at was your <body> tag. You've got lots of stuff going on in there. I stripped out everything in that tag and just had <body>.

I placed this <style> within the <head></head> section of the document, right after the last </script> tag.

<style>body{margin:0px;}</style>

That eliminated the white space. Now, just add the other attributes back into your <body> tag without adding the margin attributes. Let me know if that works.

P.S. If you want to specify margin attributes for each of the four options available, the css would look like this...

<style>body{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}</style>

If all of your margins are at 0px; there is no need to specify all four options.

Just change the 0px; to whatever margin width you'd like.

SEO Consultants Directory
Search Engine Optimization Tips

Edited by - pageoneresults on 04/15/2002 22:41:20



pageoneresults -> RE: whitespace (4/15/2002 22:26:21)

Its this function in your <body> tag that is causing the problem...

onLoad="writeMenus()"

When I remove that, the space is no longer there. Does that other site you were referring to also use the same menu structure?

SEO Consultants Directory
Search Engine Optimization Tips

Edited by - pageoneresults on 04/15/2002 22:33:49



piquet -> RE: whitespace (4/16/2002 10:58:31)

Thanks, youīre right and the other site uses the same type of menu. Do you know if there is an alternative way of loading this menu without putting the ...onLoad="writeMenus()"... in the body tag? ....or would you recommend using a different menu, which would be a shame as I havenīt found one as nice as this. (I suppose I could e-mail the author!)



Look after #1 and donīt step in #2.



piquet -> RE: whitespace (4/16/2002 11:42:28)

Just downloaded newer version of this script and will try it first. Will take some time as there is a lot of editing to do, so will get back if it doesnīt work. Meanwhile, thanks to everybody who has tried to help.

Look after #1 and donīt step in #2.



pageoneresults -> RE: whitespace (4/16/2002 12:06:26)

Oops! Sorry, the <style> that I've defined above for the margin does not work in Netscape NN4.x, my apologies. I'm so used to controlling margins through CSS and absolute positioning that I don't worry about it anymore.

If you are using Tables for your layout, you'll still need to specify the margins in your <body> tag as piquet and many others do. 

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">


Thank you to Reflect for keeping me on my toes! He dropped me an e-mail asking me if it was compatible for NN4.x.

SEO Consultants Directory
Search Engine Optimization Tips

Edited by - pageoneresults on 04/16/2002 12:12:02



pageoneresults -> RE: whitespace (4/16/2002 12:16:07)

Hello piquet, you said...

> Do you know if there is an alternative way of loading this menu without putting the ...onLoad="writeMenus()"... in the body tag?

Since I don't work with these type of menu structures I cannot give any feedback. I believe Spooky or Vince have one that you can look at.

The problem with the javascript type menus are the people that surf with javascript disabled. This statistic is currently on the rise because of security and virus fears. More and more people are figuring out how to disable javascript in their browser.

I use Opera 6.01 to test web sites with javascript disabled. Those menus don't work without the javascript and unfortunately the ones I've seen don't provide an alternative (javascript sniffer). That means that visitors don't have access to the menu content!

SEO Consultants Directory
Search Engine Optimization Tips

Edited by - pageoneresults on 04/16/2002 12:17:09



pageoneresults -> RE: whitespace (4/16/2002 12:20:59)

Here's a link to Vince's DHTML dropdown and popout menus.

SEO Consultants Directory
Search Engine Optimization Tips

Edited by - pageoneresults on 04/16/2002 12:22:24



Momx4 -> RE: whitespace (4/16/2002 13:35:47)

PageOneResults, this is probably a stupid question, but do you know if Vince's popup menu would work for linking horizontally. I want to have the popup menu from my main content area at the top of my site. www.Pro-Comm-Online.com. Do you know if this very easy for a beginer to configure?

Another question. How can I spellcheck my posts, without having to write it in word and copy/paste?

Thanks, MomX4




Momx4 -> RE: whitespace (4/16/2002 13:38:43)

OK, I see, I want the drop down. I was thinking pull down and I don't want that. Thanks, MomX4




pageoneresults -> RE: whitespace (4/16/2002 13:43:30)

Hi Momx4, you said...

> Another question. How can I spellcheck my posts, without having to write it in word and copy/paste?

Hehehe! Talk to Spooky on that one! Oh Spooky?!

SEO Consultants Directory
Search Engine Optimization Tips



piquet -> RE: whitespace (4/17/2002 11:15:29)

Going back to the original subject, many thanks to all those who have helped, especially PageOneResults who indentified the problem. Despite your advice about Javascript, I have decided to persist with the same type of menu. I have found an updated, bug-free version of the same script which works. The thing is, this site is targeted at a small part of the UK, and as far as I know most UK users use IE so iīm not too bothered about other browsers.
I have updated the site at http://wansdyke.org.uk/new_wansdyke and can now finish it...configuring the menu, adding image alternative text, other pages etc.
For anyone coming to this posting late, the site wonīt be at this location forever; this is just a temporary upload for the benefit of my friends in this forum.
Once again, thanks for all your help.

Look after #1 and donīt step in #2.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.125