colspan/td-border problems

[phon]

Hi there,
during my work with Dreamweaver some unexpected problems appeared. The preview
in Mozilla Firefox doesn't display 5 table-cells over the length of 1 above and
beneath it, though I wrote "colspan 5" in the td-tags . The 2nd cell of the 5
is now displayed beneath a 2nd cell right to the 1 that's supposed to be as
wide as the 5 below.
The preview of the same file in Internet Explorer doesn't display the border
of some td-table-cells. Does anybody know possible reasons for that?
Thanks for any answers, that could help me to solve this problem.
phon

[Murray *ACE*]

Please show us your code. Meanwhile, read this essay about using
col-/rowspans -

[url]http://apptools.com/rants/spans.php[/url]

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"phon" <webforumsuser@macromedia.com> wrote in message
news:eb9hl3$bds$1@forums.macromedia.com...

> Hi there,
> during my work with Dreamweaver some unexpected problems appeared. The
> preview
> in Mozilla Firefox doesn't display 5 table-cells over the length of 1
> above and
> beneath it, though I wrote "colspan 5" in the td-tags . The 2nd cell of
> the 5
> is now displayed beneath a 2nd cell right to the 1 that's supposed to be
> as
> wide as the 5 below.
> The preview of the same file in Internet Explorer doesn't display the
> border
> of some td-table-cells. Does anybody know possible reasons for that?
> Thanks for any answers, that could help me to solve this problem.
> phon
>

[phon]

The code of the 'table' looks like this:
"<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" colspan="9">
<table width="778" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="header">
<img src="Images/HeaderNBackground/HeaderBG01.gif" border="0" align="left">
<img src="Images/HeaderNBackground/HeaderBG02.gif" border="0" align="left">
<img src="Images/HeaderNBackground/HeaderBG03.gif" border="0" align="left">
<img src="Images/HeaderNBackground/HeaderBG04.gif" border="0" align="left">
<img src="Images/HeaderNBackground/HeaderBG05.gif" border="0" align="left">
</td>
</tr>
<tr>
<td class="mainmenue" colspan="9">
<img src="Images/MainMenue/Button1Akt.gif" name="bu1" border="0"
align="left">
<script type="text/javascript">
var Ausgabe = "";
for (var v=2; v <=5; v++) {
Ausgabe = Ausgabe + '<a href="URL' + v + '.htm"
onmouseover="documnet.bu' + v + '.src=&#39;Images/MainMenue/Button' + v +
'Hov.gif&#39;" onfocus="document.bu' + v + '.src=&#39;Images/MainMenue/Button'
+ v + 'Hov.gif&#39;" onmouseout="document.bu' + v +
'.src=&#39;Images/MainMenue/Button' + v + 'Norm.gif&#39;" onblur="document.bu'
+ v + '.src=&#39;Images/MainMenue/Button' + v + 'Norm.gif&#39;"><img
src="Images/MainMenue/Button' + v + 'Norm.gif" name="bu' + v +'" border="0"
align="left"></a>';
}
document.write(Ausgabe);
</script>
</td>
</tr>
<tr>
<td class="showcase" colspan="9">
<img src="Images/Showcase/BackgroundShowcase.gif" border="0" align="center">
</td>
</tr>
<tr>
<td class="leftborder" rowspan="3"></td>
<td class="lefttop"></td>
<td class="top" colspan="5"></td>
<td class="righttop"></td>
<td class="rightborder" rowspan="3"></td>
</tr>
</td>
</tr>
<tr>
<td class="left"></td>
<td class="teaser" background="Images/TeaserPics/TeaserPic1.jpg">
Headline 1<br>
Blindtext bleibt Layout und Layout bleibt Blindtext. Blindtext bleibt Layout
und Layout bleibt Blindtext ...<br>
<a href="#"><img src="Images/SubmitButtons/hierweiterlesen.gif" border="0"
align="left" vspace="1"></a>
</td>
<td class="teaserspacer"></td>
<td class="teaser" background="Images/TeaserPics/TeaserPic2.jpg">
Headline 2<br>
Blindtext bleibt Layout und Layout bleibt Blindtext. Blindtext bleibt Layout
und Layout bleibt Layout ...<br>
<a href="#"><img src="Images/SubmitButtons/hierweiterlesen.gif" border="0"
align="left" vspace="1"></a>
</td>
<td class="teaserspacer"></td>
<td class="teaser" background="Images/TeaserPics/TeaserPic3.jpg">
Headline 3<br>
Blindtext bleibt Layout und Layout bleibt Blindtext. Blindtext bleibt Layout
und Layout bleibt Blindtext ...<br>
<a href="#"><img src="Images/SubmitButtons/hierweiterlesen.gif" border="0"
align="left" vspace="1"></a>
</td>
<td class="right"></td>
</tr>
<tr>
<td class="leftbottom"></td>
<td class="bottom" colspan="5"></td>
<td class="rightbottom"></td>
</tr>
<tr>
<td class="bottomborder" colspan="9"></td>
</tr>
<tr class="footer">
<td class="leftfooter" align="left" valign="top" colspan="5">Copyright
&copy; 2006 Yahoo! Deutschland. Alle Rechte vorbehalten</td>
<td class="rightfooter" align="right" valign="top" colspan="4"><a
href="http://de.yahoo.com/">yahoo.de</a> | <a
href="http://de.adinfo.yahoo.com/media/agb.html">AGB</a> | <a href="#">Site
map</a></td>
</tr>
</table>
</td>
</tr>
</table>"
There are Stylesheets in an external file, that should draw borders round the
"bottomborder"- and the "leftborder"- and "rightborder"- class, but these
borders aren't visible in IE. In Firefox the tds without 'colspan' appear
heavily compressed to the right of the ones with colspan and not like I
expected below them.Meanwhile I tried to break apart the 'table' and divide it
into more than one table, but the result still doesn't look like my
Designsketch. In some cells the background image is not repeated along the
y-Axis, and after adding the text, the tablecells don't just look bigger, they
are totaly messed up.

[Murray *ACE*]

Please upload the page and post a link to it, so that I can see what it is
doing, and examine the CSS.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"phon" <webforumsuser@macromedia.com> wrote in message
news:eba79l$7tp$1@forums.macromedia.com...

> The code of the 'table' looks like this:
> "<table width="100%" height="100%" cellpadding="0" cellspacing="0"
> border="0">
> <tr>
> <td align="center" valign="top" colspan="9">
> <table width="778" cellspacing="0" cellpadding="0" border="0">
> <tr>
> <td class="header">
> <img src="Images/HeaderNBackground/HeaderBG01.gif" border="0"
> align="left">
> <img src="Images/HeaderNBackground/HeaderBG02.gif" border="0"
> align="left">
> <img src="Images/HeaderNBackground/HeaderBG03.gif" border="0"
> align="left">
> <img src="Images/HeaderNBackground/HeaderBG04.gif" border="0"
> align="left">
> <img src="Images/HeaderNBackground/HeaderBG05.gif" border="0"
> align="left">
> </td>
> </tr>
> <tr>
> <td class="mainmenue" colspan="9">
> <img src="Images/MainMenue/Button1Akt.gif" name="bu1" border="0"
> align="left">
> <script type="text/javascript">
> var Ausgabe = "";
> for (var v=2; v <=5; v++) {
> Ausgabe = Ausgabe + '<a href="URL' + v + '.htm"
> onmouseover="documnet.bu' + v + '.src=&#39;Images/MainMenue/Button' + v +
> 'Hov.gif&#39;" onfocus="document.bu' + v +
> '.src=&#39;Images/MainMenue/Button'
> + v + 'Hov.gif&#39;" onmouseout="document.bu' + v +
> '.src=&#39;Images/MainMenue/Button' + v + 'Norm.gif&#39;"
> onblur="document.bu'
> + v + '.src=&#39;Images/MainMenue/Button' + v + 'Norm.gif&#39;"><img
> src="Images/MainMenue/Button' + v + 'Norm.gif" name="bu' + v +'"
> border="0"
> align="left"></a>';
> }
> document.write(Ausgabe);
> </script>
> </td>
> </tr>
> <tr>
> <td class="showcase" colspan="9">
> <img src="Images/Showcase/BackgroundShowcase.gif" border="0"
> align="center">
> </td>
> </tr>
> <tr>
> <td class="leftborder" rowspan="3"></td>
> <td class="lefttop"></td>
> <td class="top" colspan="5"></td>
> <td class="righttop"></td>
> <td class="rightborder" rowspan="3"></td>
> </tr>
> </td>
> </tr>
> <tr>
> <td class="left"></td>
> <td class="teaser" background="Images/TeaserPics/TeaserPic1.jpg">
> Headline 1<br>
> Blindtext bleibt Layout und Layout bleibt Blindtext. Blindtext bleibt
> Layout
> und Layout bleibt Blindtext ...<br>
> <a href="#"><img src="Images/SubmitButtons/hierweiterlesen.gif"
> border="0"
> align="left" vspace="1"></a>
> </td>
> <td class="teaserspacer"></td>
> <td class="teaser" background="Images/TeaserPics/TeaserPic2.jpg">
> Headline 2<br>
> Blindtext bleibt Layout und Layout bleibt Blindtext. Blindtext bleibt
> Layout
> und Layout bleibt Layout ...<br>
> <a href="#"><img src="Images/SubmitButtons/hierweiterlesen.gif"
> border="0"
> align="left" vspace="1"></a>
> </td>
> <td class="teaserspacer"></td>
> <td class="teaser" background="Images/TeaserPics/TeaserPic3.jpg">
> Headline 3<br>
> Blindtext bleibt Layout und Layout bleibt Blindtext. Blindtext bleibt
> Layout
> und Layout bleibt Blindtext ...<br>
> <a href="#"><img src="Images/SubmitButtons/hierweiterlesen.gif"
> border="0"
> align="left" vspace="1"></a>
> </td>
> <td class="right"></td>
> </tr>
> <tr>
> <td class="leftbottom"></td>
> <td class="bottom" colspan="5"></td>
> <td class="rightbottom"></td>
> </tr>
> <tr>
> <td class="bottomborder" colspan="9"></td>
> </tr>
> <tr class="footer">
> <td class="leftfooter" align="left" valign="top" colspan="5">Copyright
> &copy; 2006 Yahoo! Deutschland. Alle Rechte vorbehalten</td>
> <td class="rightfooter" align="right" valign="top" colspan="4"><a
> href="http://de.yahoo.com/">yahoo.de</a> | <a
> href="http://de.adinfo.yahoo.com/media/agb.html">AGB</a> | <a
> href="#">Site
> map</a></td>
> </tr>
> </table>
> </td>
> </tr>
> </table>"
> There are Stylesheets in an external file, that should draw borders round
> the
> "bottomborder"- and the "leftborder"- and "rightborder"- class, but these
> borders aren't visible in IE. In Firefox the tds without 'colspan' appear
> heavily compressed to the right of the ones with colspan and not like I
> expected below them.Meanwhile I tried to break apart the 'table' and
> divide it
> into more than one table, but the result still doesn't look like my
> Designsketch. In some cells the background image is not repeated along the
> y-Axis, and after adding the text, the tablecells don't just look bigger,
> they
> are totaly messed up.
>

[phon]

Thanks a lot for your help,
well it will still take some time untill i upload the page. meanwhile i'll try
to solve the problems as good as i can on my own. If there are still problems
then, i'll post again.