zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme beim ausdrucken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.12.2008, 11:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard Probleme beim ausdrucken

Hi,

ich habe ein Problem mit dem Ausdrucken dieser Seite. Eine neue Genre-Liste beginnt immer auf der nächsten Seite, wenn der Platz auf der aktuellen Seite nicht mehr ausreicht. Wie kann ich das beheben? Ich weiß mir nicht zu helfen.

HTML-Code:
<html>
<head>

<style type="text/css"><!--

	*		{font-family:Verdana, Arial, sans-serif; background:#ffffff; color:#000000;}

	.titel1		{font-size:20pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
	.titel2		{font-size:14pt; margin-top:0px; margin-bottom:3px;}

	.content1	{font-size:14pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
	.content2	{font-size:8pt; margin-top:0px; margin-bottom:7px; font-style:italic;}

	a:link		{color:#000000; text-decoration:none;}
	a:visited	{color:#000000; text-decoration:none;}
	a:hover		{color:#ff0000; text-decoration:none;}
	a:active	{color:#ff0000; text-decoration:none;}

	#site		{
			width:760px;
			margin:0px auto;
			text-align:left;
			}

	#menu		{
			font-size:10pt;
			padding:10px 0px;
			border-top:2px solid #000000;
			}

	#content1	{
			border:1px solid #000000;
			padding:5px;
			margin-bottom:5px;
			}

	#content2	{
			font-size:8pt;
			float:right;
			}

	.c3a, .c3b, .c3c, .c3d	{
				font-size:10pt;
				margin-top:0px;
				margin-bottom:0px;
				}

	.c3a, .c3b, .c3c	{
				float:left;
				}

	.c3a, .c3e		{
				clear:both;
				}

	.c3b, .c3c		{
				padding-right:10px;
				border-bottom-style:dashed;
				border-bottom-width:1px;
				}

	.c3a			{
				font-style:italic;
				}

	.c3b			{
				width:300px;
				font-weight:bold;
				}

	.c3c			{
				width:350px;
				}

	.c3d			{
				float:right;
				}

//--></style>

<title>Lieder</title>
</head><body><a id="top"></a>

<div id="site">


<!--  Die Titelzeile  -->

<p class="titel1">Lieder sortiert nach Genre</p>

<p class="titel2">256 Songs mit 00:04:16 Stunden Gesamtspiellänge</p>


<!--  Das Menü  -->

<div id="menu">
	
	<a href="#genre1">(Genre1)</a>&nbsp;
	
	<a href="#genre2">(Genre2)</a>&nbsp;
	
	<a href="#genre3">(Genre3)</a>&nbsp;
	

</div>


<!--  Der Inhalt  -->


<a id="genre1"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">Genre1</p>
<p class="content2">... 50 Song(s) mit 00:00:50 Stunden Gesamtspiellänge</p>

	
	<p class="c3a">001:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">002:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">003:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">004:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">005:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">006:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">007:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">008:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">009:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">010:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">011:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">012:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">013:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">014:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">015:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">016:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">017:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">018:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">019:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">020:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">021:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">022:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">023:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">024:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">025:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">026:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">027:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">028:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">029:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">030:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">031:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">032:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">033:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">034:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">035:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">036:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">037:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">038:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">039:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">040:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">041:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">042:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">043:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">044:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">045:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">046:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">047:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">048:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">049:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">050:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3e"></p>
</div>


<a id="genre2"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">Genre2</p>
<p class="content2">... 50 Song(s) mit 00:00:50 Stunden Gesamtspiellänge</p>

	
	<p class="c3a">001:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">002:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">003:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">004:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">005:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">006:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">007:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">008:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">009:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">010:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">011:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">012:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">013:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">014:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">015:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">016:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">017:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">018:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">019:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">020:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">021:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">022:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">023:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">024:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">025:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">026:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">027:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">028:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">029:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">030:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">031:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">032:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">033:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">034:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">035:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">036:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">037:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">038:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">039:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">040:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">041:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">042:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">043:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">044:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">045:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">046:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">047:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">048:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">049:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">050:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3e"></p>
</div>


<a id="genre3"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">Genre3</p>

<p class="content2">... 156 Song(s) mit 00:02:36 Stunden Gesamtspiellänge</p>

	
	<p class="c3a">001:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">002:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">003:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">004:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">005:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">006:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">007:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">008:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">009:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">010:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">011:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">012:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">013:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">014:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">015:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">016:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">017:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">018:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	

	<p class="c3a">019:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">020:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">021:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">022:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">023:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">024:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">025:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">026:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">027:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">028:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">029:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">030:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">031:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">032:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">033:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">034:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">035:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">036:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">037:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">038:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">039:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">040:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">041:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">042:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">043:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">044:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">045:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">046:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">047:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">048:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">049:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">050:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">051:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">052:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">053:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">054:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">055:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">056:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">057:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">058:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">059:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">060:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">061:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">062:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">063:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">064:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">065:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">066:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">067:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">068:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">069:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">070:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">071:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">072:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">073:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">074:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">075:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">076:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">077:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">078:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">079:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">080:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">081:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">082:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">083:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">084:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">085:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">086:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">087:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">088:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">089:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">090:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">091:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">092:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">093:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">094:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">095:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">096:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">097:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">098:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">099:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">100:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">101:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">102:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">103:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">104:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">105:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">106:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">107:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">108:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">109:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">110:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">111:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">112:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">113:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">114:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">115:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">116:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">117:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">118:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">119:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">120:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">121:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">122:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">123:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">124:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">125:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">126:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">127:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">128:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">129:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">130:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">131:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">132:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">133:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">134:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">135:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">136:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">137:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">138:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">139:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">140:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">141:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">142:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">143:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">144:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">145:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">146:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">147:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">148:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">149:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">150:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">151:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">152:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">153:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">154:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">155:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">156:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3e"></p>
</div>



</div>
</body>
</html>
zum erstellen dieser Seite habe ich folgende Maske:

HTML-Code:
$filename(Songliste.html)
<html>
<head>

<style type="text/css"><!--

	*		{font-family:Verdana, Arial, sans-serif; background:#ffffff; color:#000000;}

	.titel1		{font-size:20pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
	.titel2		{font-size:14pt; margin-top:0px; margin-bottom:3px;}

	.content1	{font-size:14pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
	.content2	{font-size:8pt; margin-top:0px; margin-bottom:7px; font-style:italic;}

	a:link		{color:#000000; text-decoration:none;}
	a:visited	{color:#000000; text-decoration:none;}
	a:hover		{color:#ff0000; text-decoration:none;}
	a:active	{color:#ff0000; text-decoration:none;}

	#site		{
			width:760px;
			margin:0px auto;
			text-align:left;
			}

	#menu		{
			font-size:10pt;
			padding:10px 0px;
			border-top:2px solid #000000;
			}

	#content1	{
			border:1px solid #000000;
			padding:5px;
			margin-bottom:5px;
			}

	#content2	{
			font-size:8pt;
			float:right;
			}

	.c3a, .c3b, .c3c, .c3d	{
				font-size:10pt;
				margin-top:0px;
				margin-bottom:0px;
				}

	.c3a, .c3b, .c3c	{
				float:left;
				}

	.c3a, .c3e		{
				clear:both;
				}

	.c3b, .c3c		{
				padding-right:10px;
				border-bottom-style:dashed;
				border-bottom-width:1px;
				}

	.c3a			{
				font-style:italic;
				}

	.c3b			{
				width:300px;
				font-weight:bold;
				}

	.c3c			{
				width:350px;
				}

	.c3d			{
				float:right;
				}

//--></style>

<title>%_workingdir%</title>
</head><body><a id="top"></a>

<div id="site">


<!--  Die Titelzeile  -->

<p class="titel1">%_workingdir% sortiert nach Genre</p>
<p class="titel2">%_total_files% Songs mit %_total_time2% Stunden Gesamtspiellänge</p>


<!--  Das Menü  -->

<div id="menu">
	$loop(%genre%,1)
	<a href="#genre%_counter%">(%genre%)</a>&nbsp;
	$loopend()
</div>


<!--  Der Inhalt  -->

$loop(%genre%)
<a id="genre%_counter%"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">%genre%</p>
<p class="content2">... %_total_files% Song(s) mit %_total_time2% Stunden Gesamtspiellänge</p>
$loop(%genre%)
	$loop(%_filename_ext%)
	<p class="c3a">$num(%_counter%,3):&nbsp;</p>
	<p class="c3b">%artist%</p>
	<p class="c3c">%title%</p>
	<p class="c3d">%_length%</p>
	$loopend()
	<p class="c3e"></p>
</div>
$loopend()
$loopend()

</div>
</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.12.2008, 13:36
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Mahlzeit,

weiß nicht so genau was du meinst.

die Seitenumbrüche erfolgen in den Browser an unterschiedlicher Stelle.
Falls du die Seitenumbrüche einheitlich haben willst, dann kannst du z.B. in deiner druck.css page-break-after:always; oder page-break-before:always; definieren.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.12.2008, 16:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard

Die Seitenumbrüche erfolgen immer an der gleichen Stelle, sowohl mit dem IE, als auch mit Firefox. Es wird immer nach der Songanzahl und Gesamtlängen Angabe eines Genres umgebrochen, wenn die darauf folgende Liste nicht mehr auf die Seite passt, und das würde ich gerne beheben, weiß aber nicht wie.

Ich habe hier mal eine Grafik hochgeladen, die das Problem besser verdeutlicht:


Mit page-break-after:always; oder page-break-before:always; oder page-break-after:avoid; oder page-break-before:avoid; erziele ich nicht das gewünschte Ergebnis.

Muss man vielleicht etwas umscripten, damit es greift?

Geändert von clumsy (08.12.2008 um 17:16 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 08.12.2008, 18:09
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Tach,

Zitat:
Zitat von clumsy Beitrag anzeigen
Mit page-break-after:always; oder page-break-before:always; oder page-break-after:avoid; oder page-break-before:avoid; erziele ich nicht das gewünschte Ergebnis.
versteh ich nicht?

Du könntest doch praktisch nach jeder Zeile ein page-break-after setzen, sodaß jedes Blatt nur eine Zeile hat.
So kannst du doch explizit steuern wieviel Seiten du willst und an welcher Stelle genau umgebrochen werden soll.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 08.12.2008, 18:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard

warum verstehst du mich denn nicht?
vielleicht drücke ich mich ja auch blöd aus...

ich möchte halt nicht, dass auf fast jeder seite der letzte teil unten ungenutzt ist. er soll jede Zeile auf jedem Blatt nutzen, und nicht so wie beim Screenshot einfach auf der nächsten Seite fortsetzen obwohl noch Platz auf der davor ist.

ich weiß nicht wie ich mich jetzt noch großartig anders ausdrücken soll...
weißt du was ich meine?

Guck mal:
Hier ist doch eigentlich noch Platz für ein paar Zeilen, dieser Platz wird aber merkwürdiger Weise nicht genutzt, sondern es wird einfach auf der nächsten Seite begonnen... Warum??

Geändert von clumsy (08.12.2008 um 18:33 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 08.12.2008, 18:41
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

okay jetzet.

Da kann ich dir leider keine Lösung für anbieten.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #7 (permalink)  
Alt 08.12.2008, 23:05
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.038
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Ohne das nachgeprüft zu haben, sehe ich das Problem in der Art und Weise wie du float verwendest. Allerdings solltest Du dich davon verabschieden zu hoffen, mit einem Druckstylesheet könne man Wunderdinge machen.... oder wenigstens das was du willst, die Browser sind da manchmal unterschiedlich.

@ Semantik:

Bei deiner inflationären und unterschiedslosen Verwendung von p's sträuben sich mir die Nackenhaare Warum verwendest Du keine geordnete Liste??
Code:
<ol><li>
               <span class="interprete"></span><span class="songtitle"></span><span class="time"></span>
              </li>
        </ol>
Das Problem der Nummerierung wäre erledigt. Der Rest ( auch die spans als display:block) wird nach links gefloatet und hinterher vor Schließen der orderd list gecleart. Ob das dein Problem direkt löst, bezweifele ich. Verstehe es als Anregung.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #8 (permalink)  
Alt 09.12.2008, 01:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard

Also die Tags sind mir völlig unbekannt gewesen.
An meiner Art zu programieren merkt man sicherlich genau, dass ich noch recht unerfahren bin. Für neue Vorschläge bin ich allerings immer offen.

mir ist jetzt noch nicht richtig klar, was denn der Unterschied von <p> und <span> ist, versuche es noch gerade herauszufinden...

vielen dank für die Anregung, ich werds versuchen.
Mit Zitat antworten
  #9 (permalink)  
Alt 09.12.2008, 02:22
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.640
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo, clumsy!

Sieht auch nicht so aus, als hättest Du getrennte Stylesheets für Monitor und Druck angelegt, oder?

So etwa:
Code:
<link rel="stylesheet" type="text/css" media="screen,projection" href="css/gucken.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/drucken.css" />
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.12.2008, 02:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard

getrennte stylesheets für monitor und drucker möchte ich auch garnicht haben. so wie es auf dem monitor ist, soll es auch ausgedruckt werden.

der tipp mit der geordneten Liste war echt gut! damit kann ich fast alle macken beheben =)

Geändert von clumsy (09.12.2008 um 04:57 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Probleme mit der Navigation der_durden CSS 6 02.01.2009 18:28
paar Probleme mit dem CSS Layout SimonK. CSS 6 05.10.2008 15:57
IE: Probleme mit ul-Menü Ares CSS 4 18.10.2006 12:42
Probleme beim rendering mit IE6 sileo CSS 24 18.10.2005 23:00
border-left Probleme CoreX76 CSS 3 21.12.2003 22:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:25 Uhr.