Hi I am using Dreamweaver with tables and am having a problem. When a link is clicked on the page, the new page loads, but with a cm gap on the right and bottom of the page. This is lost if the page is refreshed:<br />
<br />
<!-- m --><a class="postlink" href="http://www.it-webs.com/problem//Untitled-1.htm">http://www.it-webs.com/problem//Untitled-1.htm</a><!-- m --><br />
<br />
I have set all the borders etc to 0 but it still does it!<br />
<br />
Please tell me how to stop them appearing!<br />
<br />
Thanks Ian<!--content-->I couldn't replicate the problem U outline.<br />
<br />
Why are U using height in your table tag, does the table have to be 100% high? As the whole page is blue why not just use it in your body tag <body bgcolor="#6666FF" rest of body tag>, and remove the bgcolor= from each table row.<br />
<br />
Also, as I'm from the school of thought that says ditch support for Netscape 4.xx browsers, lose the marginwidth= and marginheight= in your body tag, they're only for very old browsers.<br />
<br />
Your code will be more valid by following the above. Hope this helps.<!--content-->Thanks. The page I linked to was a basic example outlining the problem. The actual site which has the problem is:<br />
<!-- m --><a class="postlink" href="http://www.it-webs.com/site/">http://www.it-webs.com/site/</a><!-- m --><br />
<br />
On this site I need the table to be 100% so that it fills the page, and the background here is done by images rather than color. <br />
<br />
When the page is refreshed the problem with the borders goes away. I can't fathom what the problem is.<br />
<br />
Cheers<br />
Ian.<!--content-->Hey, nice site m8.<br />
<br />
It's probably because U R using pixel measurements in your table cells. <td height="blah blah" and that's restricting your main table. Lose the height= from your table cells, there are images in there anyway - they will hold the height of the table cells for U (so long as nothing in the same row overflows them).<br />
<br />
To vertically/horizontally align the whole thing in the browser window, U may need to use 2 nested tables. Just make a new main table (1x1) and plonk your existing code in the <td></td> of the new main table. Make sure U use <td valign="middle"> in the only table cell of your new main table.<br />
<br />
If U need the code give a shout, will have a play with it but may not be back now until 2mora. Hope this helps.<!--content-->Quick fix (a kludge), sorry m8, I missed this.<br />
<br />
Change all your <body bgcolor="#ffffff" to <body bgcolor="#3366ff"<br />
<br />
Page background will be the same blue then.<!--content-->don't forget <!-- m --><a class="postlink" href="http://validator.w3.org">http://validator.w3.org</a><!-- m --> he's your friend, he tells you what errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.it-webs.com%2Fsite%2F&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional">http://validator.w3.org/check?uri=http% ... ansitional</a><!-- m -->) you mat have made!<br />
<br />
several things you both are using there are deprecated like bgcolor and height, replace them with css<br />
for example:<br />
<br />
body {background-color:#00ff00;}<br />
<br />
td.1 {height:100%;width:100%;background-color:#00ff00;vertical-align:middle;}<br />
(but as brummy said if you don't set a height/width value they will size to their content)<br />
<br />
body {margin:0 0 0 0;}<br />
<br />
champians why have you got a load of links at the bottom of the page the same color as the background?
<!--content-->Yeah, he's a good friend of mine as well, use him all the time. bgcolor in <body> tag deprecated???<br />
<br />
CSS background-color: WDG validator always says don't use it as background: shorthand property is more widely supported, so I always use that. I dunno - is it more widely supported?<!--content-->bgcolor (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-html40/present/graphics.html#h-15.1.1">http://www.w3.org/TR/REC-html40/present ... l#h-15.1.1</a><!-- m -->)
<!--content-->I see. CSS, background-color: or background: shorthand property?<br />
<br />
Everything I see tells me that background: is better supported?<br />
<br />
<!-- w --><a class="postlink" href="http://www.htmlhelp.com/reference/css/color-background/background-color.html">www.htmlhelp.com/reference/css/color-ba ... color.html</a><!-- w --><!--content-->yes with regards to NN4 it is better supported, although background-color should work, and it wouldnt be a bad habit to get into using shorthand<br />
i think browsers have a mind of their own!!
<br />
<br />
and taking NN4 into account this would have to be used for the margins<br />
BODY {margin: -10px 0px 0px -10px;}<!--content-->Hi. ignore that 1st link and background etc, it was just an example. The background color is irrelevant<br />
<br />
<!-- m --><a class="postlink" href="http://www.it-webs.com/site/">http://www.it-webs.com/site/</a><!-- m --><br />
<br />
The boarder moves my tables etc.<br />
<br />
Please help me!!<br />
<br />
ian.<!--content-->Hey leoo,<br />
<br />
Yeah, I think/hope we're on the same wavelength. I'll go with valid code every single time, standards and guidelines are all geared towards summat - compatibility, compatibility, compatibility. This is one of the main reasons I joined these forums - good help and opinion is always available. <br />
<br />
Apologies to champians if this seems I'm hijacking his thread (not my intention), but reckon I'd get a mod chewing my ear for starting a new thread about support for NN4.xx. Searched and read some great threads about it, <!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=17453">http://www.htmlforums.com/showthread.ph ... adid=17453</a><!-- m -->. Although, as I mentioned earlier in this thread I reckon NN4.xx should be well and truly ditched now.<br />
<br />
Eternal problem for a webmaster isn't it? Do U code to support older browsers? And if certain tags/attributes are deprecated, should we then code to Transitional or Strict? And what about using a custom dtd, wot then is the purpose of a custom dtd if we're venturing away from the defined standards? I've thought about a custom dtd to include Flash on a page.<br />
<br />
As stated, a lot of questions with lots of possibilities. Yeah, I wanna learn a lot in these forums, and hope I'm starting to get the hang of how forums work. <br />
<br />
Cheers m8ey :cheers:<!--content-->i Download <!--more-->ed your page and saw the problem add this to the css<br />
<br />
body {margin:0 0 0 0;}<br />
<br />
<br />
<br />
/added<br />
<br />
yup i think we are, and i agree that nn4 should be thrown in the bin but my logs still show about 7-8% using nn4, so alas i'll have to keep it in mind, but if you can get the info from your site ok in lynx then your golden, afterall content is what it's all about (unless you have a graphics orientated site)<br />
I only just noticed you used the wdg validator, i think liam and co did a good job with it!<!--content-->I can't catch your meaning champians? Border moves table? Follow wot Leoo has just told U and do it in CSS, delete everything in your <body> tag, and add to your CSS.<br />
<br />
body { margin: 0; background: #3366FF; color: #wotever }<br />
<br />
Leoo,<br />
<br />
Haven't got a proper site up yet, and I agree content is king but wot to build a site about? I'm workin' on it. See my thread in the Introductions for a quick template page. And yes, I'll be sorting the bgcolor's <br />
<br />
How U do that /added business, I just clicked the "Edit" button and my previous post vanished! As mentioned, I'm getting the hang of forums alright!!!<!--content-->lol, i'll go have a peek at your page now, i also just used 'edit', i typed in '/added' so that it can be distinguished that it was added and not part of the original message, don't know what happened to yours?<!--content-->Originally posted by leoo24 <br />
and taking NN4 into account this would have to be used for the margins<br />
BODY {margin: -10px 0px 0px -10px;} <br />
NN4 will not recognise margins.<!--content-->really, i can't say that i've ever used that, i'm gonna have to send off a few emails correcting people's html guides/tutorials!!<br />
<br />
wouldnt it be great if all the information on the net regarding html design/coding etc was correct and up to date!<!--content-->
<br />
<!-- m --><a class="postlink" href="http://www.it-webs.com/problem//Untitled-1.htm">http://www.it-webs.com/problem//Untitled-1.htm</a><!-- m --><br />
<br />
I have set all the borders etc to 0 but it still does it!<br />
<br />
Please tell me how to stop them appearing!<br />
<br />
Thanks Ian<!--content-->I couldn't replicate the problem U outline.<br />
<br />
Why are U using height in your table tag, does the table have to be 100% high? As the whole page is blue why not just use it in your body tag <body bgcolor="#6666FF" rest of body tag>, and remove the bgcolor= from each table row.<br />
<br />
Also, as I'm from the school of thought that says ditch support for Netscape 4.xx browsers, lose the marginwidth= and marginheight= in your body tag, they're only for very old browsers.<br />
<br />
Your code will be more valid by following the above. Hope this helps.<!--content-->Thanks. The page I linked to was a basic example outlining the problem. The actual site which has the problem is:<br />
<!-- m --><a class="postlink" href="http://www.it-webs.com/site/">http://www.it-webs.com/site/</a><!-- m --><br />
<br />
On this site I need the table to be 100% so that it fills the page, and the background here is done by images rather than color. <br />
<br />
When the page is refreshed the problem with the borders goes away. I can't fathom what the problem is.<br />
<br />
Cheers<br />
Ian.<!--content-->Hey, nice site m8.<br />
<br />
It's probably because U R using pixel measurements in your table cells. <td height="blah blah" and that's restricting your main table. Lose the height= from your table cells, there are images in there anyway - they will hold the height of the table cells for U (so long as nothing in the same row overflows them).<br />
<br />
To vertically/horizontally align the whole thing in the browser window, U may need to use 2 nested tables. Just make a new main table (1x1) and plonk your existing code in the <td></td> of the new main table. Make sure U use <td valign="middle"> in the only table cell of your new main table.<br />
<br />
If U need the code give a shout, will have a play with it but may not be back now until 2mora. Hope this helps.<!--content-->Quick fix (a kludge), sorry m8, I missed this.<br />
<br />
Change all your <body bgcolor="#ffffff" to <body bgcolor="#3366ff"<br />
<br />
Page background will be the same blue then.<!--content-->don't forget <!-- m --><a class="postlink" href="http://validator.w3.org">http://validator.w3.org</a><!-- m --> he's your friend, he tells you what errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.it-webs.com%2Fsite%2F&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional">http://validator.w3.org/check?uri=http% ... ansitional</a><!-- m -->) you mat have made!<br />
<br />
several things you both are using there are deprecated like bgcolor and height, replace them with css<br />
for example:<br />
<br />
body {background-color:#00ff00;}<br />
<br />
td.1 {height:100%;width:100%;background-color:#00ff00;vertical-align:middle;}<br />
(but as brummy said if you don't set a height/width value they will size to their content)<br />
<br />
body {margin:0 0 0 0;}<br />
<br />
champians why have you got a load of links at the bottom of the page the same color as the background?
<!--content-->Yeah, he's a good friend of mine as well, use him all the time. bgcolor in <body> tag deprecated???<br /><br />
CSS background-color: WDG validator always says don't use it as background: shorthand property is more widely supported, so I always use that. I dunno - is it more widely supported?<!--content-->bgcolor (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-html40/present/graphics.html#h-15.1.1">http://www.w3.org/TR/REC-html40/present ... l#h-15.1.1</a><!-- m -->)
<!--content-->I see. CSS, background-color: or background: shorthand property?<br /><br />
Everything I see tells me that background: is better supported?<br />
<br />
<!-- w --><a class="postlink" href="http://www.htmlhelp.com/reference/css/color-background/background-color.html">www.htmlhelp.com/reference/css/color-ba ... color.html</a><!-- w --><!--content-->yes with regards to NN4 it is better supported, although background-color should work, and it wouldnt be a bad habit to get into using shorthand
<br />i think browsers have a mind of their own!!
<br /><br />
and taking NN4 into account this would have to be used for the margins<br />
BODY {margin: -10px 0px 0px -10px;}<!--content-->Hi. ignore that 1st link and background etc, it was just an example. The background color is irrelevant<br />
<br />
<!-- m --><a class="postlink" href="http://www.it-webs.com/site/">http://www.it-webs.com/site/</a><!-- m --><br />
<br />
The boarder moves my tables etc.<br />
<br />
Please help me!!<br />
<br />
ian.<!--content-->Hey leoo,<br />
<br />
Yeah, I think/hope we're on the same wavelength. I'll go with valid code every single time, standards and guidelines are all geared towards summat - compatibility, compatibility, compatibility. This is one of the main reasons I joined these forums - good help and opinion is always available. <br />
<br />
Apologies to champians if this seems I'm hijacking his thread (not my intention), but reckon I'd get a mod chewing my ear for starting a new thread about support for NN4.xx. Searched and read some great threads about it, <!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=17453">http://www.htmlforums.com/showthread.ph ... adid=17453</a><!-- m -->. Although, as I mentioned earlier in this thread I reckon NN4.xx should be well and truly ditched now.<br />
<br />
Eternal problem for a webmaster isn't it? Do U code to support older browsers? And if certain tags/attributes are deprecated, should we then code to Transitional or Strict? And what about using a custom dtd, wot then is the purpose of a custom dtd if we're venturing away from the defined standards? I've thought about a custom dtd to include Flash on a page.<br />
<br />
As stated, a lot of questions with lots of possibilities. Yeah, I wanna learn a lot in these forums, and hope I'm starting to get the hang of how forums work.
<br /><br />
Cheers m8ey :cheers:<!--content-->i Download <!--more-->ed your page and saw the problem add this to the css<br />
<br />
body {margin:0 0 0 0;}<br />
<br />
<br />
<br />
/added<br />
<br />
yup i think we are, and i agree that nn4 should be thrown in the bin but my logs still show about 7-8% using nn4, so alas i'll have to keep it in mind, but if you can get the info from your site ok in lynx then your golden, afterall content is what it's all about (unless you have a graphics orientated site)<br />
I only just noticed you used the wdg validator, i think liam and co did a good job with it!
<!--content-->I can't catch your meaning champians? Border moves table? Follow wot Leoo has just told U and do it in CSS, delete everything in your <body> tag, and add to your CSS.<br /><br />
body { margin: 0; background: #3366FF; color: #wotever }<br />
<br />
Leoo,<br />
<br />
Haven't got a proper site up yet, and I agree content is king but wot to build a site about? I'm workin' on it. See my thread in the Introductions for a quick template page. And yes, I'll be sorting the bgcolor's
<br /><br />
How U do that /added business, I just clicked the "Edit" button and my previous post vanished! As mentioned, I'm getting the hang of forums alright!!!
<!--content-->lol, i'll go have a peek at your page now, i also just used 'edit', i typed in '/added' so that it can be distinguished that it was added and not part of the original message, don't know what happened to yours?<!--content-->Originally posted by leoo24 <br />and taking NN4 into account this would have to be used for the margins<br />
BODY {margin: -10px 0px 0px -10px;} <br />
NN4 will not recognise margins.<!--content-->really, i can't say that i've ever used that, i'm gonna have to send off a few emails correcting people's html guides/tutorials!!<br />
<br />
wouldnt it be great if all the information on the net regarding html design/coding etc was correct and up to date!<!--content-->