Whole website springs - depending if long article or short

[Rupert]

OK,

Code: Select all

my HTML code looks like  <style type="text/css">
  /* <![CDATA[ */
    @import url("phpwcms_template/inc_css/frontend.css");
  /* ]]> */
  </style>

... still the heigth command is not working?


Thank you - you are absolutely right, I will change it to 980px

[pico]

Hi

seems that there are some other XHTML Errors pevent the body-Class to work correct.

Run a Validation e.g. at http://validator.w3.org and correct the Errors first

[Rupert]

I checked this page:
http://www.loesungen-erschliessen.de/do ... inks.phtml

With the HTML Validator I have 0 Errors

With the xHTML Validator you told me, I have 5 Errors (but this errors are not important).

The only 3 Errors (from the 5), which can be the problem are this:

Code: Select all

Error  Line 238 column 6: end tag for "td" omitted, but OMITTAG NO was specified.

</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Code: Select all

# Error  Line 238 column 6: end tag for "table" omitted, but OMITTAG NO was specified.

</body>

Code: Select all

Error  Line 238 column 6: end tag for "tr" omitted, but OMITTAG NO was specified.

</body>

BUT, this code is generated by phpWCMS and not by me. I don't know, how to fix this closing body tag.

[pico]

Hi

some Errors and Warnings from my Validator (Local tidyHTML Pro)

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> always a Space before /> '8859-1" />'

Tags alway in small Letters <br /> not <BR>

don't Name Pictures like that 'Balance Logo.jpg' with a Space in Name, use _ instead

<div style="padding:5px 5px 10px 10px; in Contentarea Right is a Linebreak - this is in your Template not from System!
also there are not closed <td> before <!-- Line -->

also in Footer Area and for that the Browser will not see the </body> Tag correct

[Rupert]

Hallo,

I tried to understand and fix the errors pico told me:

Code: Select all

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="DC.type" content="Service" />
<meta http-equiv="content-language" content="de" />
<meta name="DC.coverage" content="Frankfurt-am-Main" /> 
<meta name="robots" content="all" />

Code: Select all

<!--  Kopfzeile // -->

<table width="750" border="0" cellpadding="0" cellspacing="0">

<!-- Linie -->
<tr><td height="1" colspan="2" bgcolor="#666666"><img src="img/leer.gif" width="1" height="1" alt=""/></td></tr>
<tr>

<!-- Header-LOGO -->
<td width="175" align="center" valign="middle" bgcolor="#FFFFFF"><img src="picture/logo/logo.jpg"  alt="" border="0" /></td>

<!-- Header-BILD -->
<td width="575" bgcolor="#999999"><img src="picture/logo/header.jpg" alt="" border="0" /></td>
</tr>

</table>

Code: Select all

<!-- Haupt // -->
<!-- Randanstände-Reihenfolge - oben-rechts-unten-links  //-->

<!-- Breadcrumb-Menue  -->
<div style="text-align:left; padding:5px 0px 5px 0px; margin:0;" class="breadcrumb">{BREADCRUMB}
<hr />
</div>

<!-- CONTENT-BEREICH BEGINN -->

<div style="padding:15px 15px 50px 5px; margin:0;">{CONTENT}</div> 


<!-- CONTENT-BEREICH ENDE -->

Code: Select all

<!-- Fußzeile // -->

<!-- Menü Fusszeile mit Icon-Links -->
<span class="footertext">
{SPACER:250x1}[TOP]{IMAGE:icons/top_link_.gif}[/TOP]
{SPACER:15x1}[BACK]{IMAGE:icons/back_link_.gif} [/BACK]
{SPACER:15x1}[PRINT]{IMAGE:icons/print_link_.gif}[/PRINT] </span>
{SPACER:15x1}<a href="index.php?suche"
target="_self" class="footertext">{IMAGE:icons/search_link_.gif}</a>
{SPACER:15x1}<a href="index.php?sitemap"
target="_self" class="footertext">{IMAGE:icons/sitemap_link_.gif}</a>
{SPACER:15x1}<a href="index.php?kontakt"
target="_self" class="footertext">{IMAGE:icons/kontakt_link_.gif}</a>
{SPACER:15x1}<a href="index.php?impressum"
target="_self" class="footertext">{IMAGE:icons/impressum_link_.gif}</a>


<!-- Linie -->
<tr><td height="1" colspan="5" bgcolor="#999999"><img src="img/leer.gif" width="1" height="1" alt=""/></td></tr>


<!-- Copyright Zeile --> 
<tr><td align="center" bgcolor="#EEEEEE" height="20" colspan="5" class="copyright">
Copyright &copy; 2006 by Andreas Kemmerer &nbsp;&middot;&nbsp; <a href="mailto:info@loesungen-erschliessen.de" target="_blank" class="footertext">info@loesungen-erschliessen.de</a> &nbsp;&middot;&nbsp; Tel: +49 6171-208292

Code: Select all

<!-- links - Menue // -->


<!-- Bild oberhalb Menü -->
{IMAGE:logo/logo_unten.jpg}
<br />

{SPACER:10x30}


<!-- Menü mit Randeinstellung ( Wert=0 kein Rand ) -->
<div style="padding:0px 0px 0px 0px; margin:0;">
{NAV_TABLE_COLUMN}
</div>

Code: Select all

<!-- Rechts // -->
{SPACER:60x50}

<!-- CONTENT-Bereich - RECHTS  -->
<div style="padding:5px 5px 10px 10px; margin:0;">{RIGHT}</div>

{SPACER:60x55}

This page is shown as errorless:
http://www.loesungen-erschliessen.de/do ... inks.phtml

... all the things writtten in the css body are working, except the heigt or min-heigt command.

Code: Select all

body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #282F42;
background: #C1D2E2 url(/picture/logo/background.jpg) top left fixed repeat-x;
height:101%;
    margin:20px 0px 10px 0px;
    padding:0px; 
}