✔ Problem mit Hintergrund

Status
Nicht offen für weitere Antworten.
H

hmmNaGut

Erfahrenes Mitglied
Hi,
heute habe ich den ersten Versuch gestartet ein Design mittels CSS zu
erstellen, Anfangs klappte auch alles Recht gut
Jedoch beim scrollen verschwindet der Weise hintergrund.

Kann mir jemand einen Tipp geben oder einen Link hier mein Code

HTML: 
<html>
<head>
	<title>{$titel}</title>
  <meta name="author" content="Patrick Erber">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="keywords"  content="{$metakeywords}">

<style type="text/css"><!--
body {
			background-color:#4d2b2b;
		}

.top{
	background-image:url(images/top.jpg);
	width:900px;
	height:131px;
}

.frame{
   width:900px;
	background-color:white;
	height:100%;
}


.LeftNavi .NavPoint
{
	width:145px;
	background-color:rgb(248, 236, 236);
	border-bottom:1px groove #d9d5d5;
}

.LeftNavi .NavHeadLine{
	background-color:#812122;
	color:white;	
	width:145px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:10pt;
 	font-family:verdana, sans-serif;
	font-weight:bold;
}

.LeftNavi .NavHeadLineOrange{
	background-color:#c0491b;
	color:white;	
	width:145px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:10pt;
 	font-family:verdana, sans-serif;
	font-weight:bold;
}


.LeftNavi a.Link {
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:10px;

}

.LeftNavi a.Link:hover {
	color:#c04949;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:10px;

}

.LeftNavi ul
{

 	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.LeftNavi li
{
 list-style-type: none;
}

.LeftNavi
{
	position:absolute; 
	margin-top:0px;
	margin-left:3px;
	width:145;
}		

.OrangeLine{
	background-color:#c0491b;
	color:white;	
	padding-top:2px;
	padding-bottom:2px;
	font-size:10pt;
 	font-family:verdana, sans-serif;
}

#content_left{
   position:absolute;
   margin-top:0px;
   margin-left:160px;
   width:265px;
}

#content_right{
   position:absolute;
   margin-top:0px;
   margin-left:445px;
   width:265px;
 background-color:rgb(248, 236, 236);
}

#content{
	margin-left: 160px;
	width:550px;
	margin-top:0px;
	position:absolute;
}
	
.compartments_orange{
	background-color:#c0491b;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

.compartments_red{
	background-color:#812122;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

#content_left .content_one{
	color:black;
 	font-family:verdana, sans-serif;
	font-size:12px;
}

#content_left a.linkmore{
	color:#c0491b;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}

#content_left h2{
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:16px;
}
	
#content_right .compartments{
	background-color:#c0491b;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

#content_right .content_one{
	color:black;
 	font-family:verdana, sans-serif;
	font-size:12px;
}

#content_right a.linkmore{
	color:#c0491b;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}

#content_right h2{
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:16px;
}

#content .content_one{
	color:black;
 	font-family:verdana, sans-serif;
	font-size:12px;
}

#content a.linkmore{
	color:#c0491b;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}

#content h2{
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:16px;
}
	
#content .compartments{
	background-color:#c0491b;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

.borderbottom{
	border-bottom:1px dotted #776761;
}

.borderright{
	border-right:1px dotted #776761;
}
-->		
</style>

  </head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" >


<div class="top"></div>
<div class="frame">	
	<div class="LeftNavi">
		<ul>
			<li class="NavHeadline" >
				&nbsp;Service
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Webverzeichnis</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Branchenbuch</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Apotheken</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Fahrplan</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Routenplaner</a>
			</li>		
			<li class="NavHeadlineOrange" >
				&nbsp;Kino
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kinos in Wien</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Derzeit im Kino</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kino Starts</a>
			</li>
			<li class="NavHeadline" >
				&nbsp;Events
			</li>
			<li class="NavPoint">
				<a href="" class="Link">&nbsp;Event hinzuf&uuml;gen</a>
			</li>
			<li class="NavPoint">
				<a href="" class="Link">&nbsp;Party</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Musik</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Seminare</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kabarett</a>
			</li>				
			<li class="NavHeadlineOrange" >
				&nbsp;Rezepte
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Fleisch-Gerichte</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Vegetarische-Gerichte</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;S&uuml;sses</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Vorspei&szlig;en</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Dessert</a>
			</li>		
			<li class="NavHeadline" >
				&nbsp;Navigation
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Home</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kontakt</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Impressum</a>
			</li>
		</ul>
	</div>	
		<div id="content_left">
			<p class="compartments_orange">&nbsp;&raquo;Events</p>
			<div class="borderright">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderright">
				<img src="2.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Santana - Live your Light 2008</h2>
				<p class="content_one">Der charismatische Gitarrist präsentiert auf seinem neuen Album "Ultimate Santana" und seiner Europatournee im Juli 2008 seine neuesten Hits..<a href="" class="linkmore">[...]</a></p>
			</div>
			<p class="compartments_red">&nbsp;&raquo;Kino</p>
			<div class="borderright">
				<img src="5.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Süß macht schön</h2>
				<p class="content_one">In Caramel zeigt Nadine Labaki, wie bunt Beirut ohne Krieg sein kann – und wie Zucker als uraltes Schönheitsmittel verwendet wird. Kurt Zechner traf die berückende libanesische Filmemacherin in Paris.<a href="" class="linkmore">[...]</a></p>
			</div>
		</div>
		<div id="content_right">
			<p class="compartments_orange">&nbsp;&raquo;Events</p>
			<p>
				<img src="2.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Santana - Live your Light 2008</h2>
				<p class="content_one">Der charismatische Gitarrist präsentiert auf seinem neuen Album "Ultimate Santana" und seiner Europatournee im Juli 2008 seine neuesten Hits..<a href="" class="linkmore">[...]</a></p>		
			</p>
			<p>
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</p>
			<p class="compartments_red">&nbsp;&raquo;Kino</p>
				<img src="5.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Süß macht schön</h2>
				<p class="content_one">In Caramel zeigt Nadine Labaki, wie bunt Beirut ohne Krieg sein kann – und wie Zucker als uraltes Schönheitsmittel verwendet wird. Kurt Zechner traf die berückende libanesische Filmemacherin in Paris.<a href="" class="linkmore">[...]</a></p>
		</div>
	</div>
	<div id="content">
			<p class="compartments_red">&nbsp;&raquo;Freizeit</p>
			<div class="borderbottom">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<p class="compartments_orange">&nbsp;&raquo;Kino</p>
			<div class="borderbottom">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
	</div>	
</div>
</body>
</html>
 
Hi,

richte mal für die standardkonformen Browser eine Mindesthöhe für das DIV .frame ein, ordne die drei Bereiche .leftNavi, #content_left u. #content_right anstelle der absoluten Positionerungen mit Hilfe der float-Eigenschaft nebeneinander aus, deklariere im Gegenzug für #content clear:left, um seinen Textfluss unterhalb der umflossenen Boxen fortzusetzen:

Code: 
.frame{
   width:900px;
        background-color:white;
        min-height:100%;
        height:auto !important;
        height:100%;
}

.LeftNavi
{
        /*position:absolute;*/
        margin-top:0px;
        margin-left:3px;
        width:145px;
        float:left;
        display:inline;
}

#content_left{
   /*position:absolute;
   margin-top:0px;
   margin-left:15px;
   width:265px;
   float:left;
   display:inline;
}

#content_right{
   /*position:absolute;*/
   margin-top:0px;
   margin-left:15px;
   width:265px;
 background-color:rgb(248, 236, 236);
 float:left;
 display:inline;
}

#content{
        margin-left: 160px;
        width:550px;
        margin-top:0px;
        /*position:absolute;*/
        clear:left;
}
und bette die Box #content auch in seinem Elternelement .frame ein:

Code: 
<div class="frame">
        <div class="LeftNavi">
                ...
        </div>
                <div id="content_left">
                        ...
                </div>
                <div id="content_right">
                        ...
                </div>
        </div> <!-- schliesst vorzeitig das DIV.frame! -->
        <div id="content">
                        ...
        </div>
</div><!-- hier endet das DIV.frame -->
Desweiteren muss noch die Floatumgebung in den DIVs borderbottom "gecleart" werden, damit das zu umfliessende Grafikelement den unteren Rahmen nicht "überlappt":

Code: 
<div class="borderbottom clearfix">
         <img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
         <h2>Bon Jovi - Lost Highway World Tour</h2>
         <p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
</div>
Code: 
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
 
Soweit ich das Beurteilen kann scheint es zu funktionieren

CSS *pff*
Tja nicht jedermanns Sache.

Danke auf jedenfall.
 
Mir ist noch etwas aufgefallen, ich wollte noch eine 3 Spalte hinzufügen
jedoch erscheint die immer unten (siehe Screenshot) und content_right ist zu lang;

hier noch mal mein neuer CODE
Danke schon mal


Der Css Code
CSS: 
body {
			background-color:#4d2b2b;
		}

.top{
	background-image:url(images/top.jpg);
	width:900px;
	height:131px;
}

.frame{
   width:900px;
        background-color:white;
        min-height:100%;
        height:auto !important;
        height:100%;
}


.LeftNavi .NavPoint
{
	width:145px;
	background-color:rgb(248, 236, 236);
	border-bottom:1px groove #d9d5d5;
}

.LeftNavi .NavHeadLine{
	background-color:#812122;
	color:white;	
	width:145px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:10pt;
 	font-family:verdana, sans-serif;
	font-weight:bold;
}

.LeftNavi .NavHeadLineOrange{
	background-color:#c0491b;
	color:white;	
	width:145px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:10pt;
 	font-family:verdana, sans-serif;
	font-weight:bold;
}


.LeftNavi a.Link {
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:10px;

}

.LeftNavi a.Link:hover {
	color:#c04949;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:10px;

}

.LeftNavi ul
{

 	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.LeftNavi li
{
 list-style-type: none;
}

.LeftNavi
{
        /*position:absolute;*/
        margin-top:0px;
        margin-left:3px;
        width:145px;
        float:left;
        display:inline;
}
.OrangeLine{
	background-color:#c0491b;
	color:white;	
	padding-top:2px;
	padding-bottom:2px;
	font-size:10pt;
 	font-family:verdana, sans-serif;
}
#content_left{
   /*position:absolute;
   margin-top:0px;
   margin-left:160px;
   width:265px;
   float:left;
   display:inline;
}

#content_right{
   /*position:absolute;*/
   margin-top:0px;
   margin-left:15px;
   width:265px;
 background-color:rgb(248, 236, 236);
 float:left;
 display:inline;
}

#content{
        margin-left: 160px;
        width:550px;
        margin-top:0px;
        /*position:absolute;*/
        clear:left;
}
#content_outer{
	margin-left: 15px;
	width:170px;
	margin-top:0px;
	display:inline;
	float:left;
	
	/*position:absolute;*/
}
	
.compartments_orange{
	background-color:#c0491b;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

.compartments_red{
	background-color:#812122;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

#content_left .content_one{
	color:black;
 	font-family:verdana, sans-serif;
	font-size:12px;
}

#content_left a.linkmore{
	color:#c0491b;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}

#content_left h2{
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:16px;
}
	
#content_right .compartments{
	background-color:#c0491b;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

#content_right .content_one{
	color:black;
 	font-family:verdana, sans-serif;
	font-size:12px;
}

#content_right a.linkmore{
	color:#c0491b;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}

#content_right h2{
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:16px;
}

#content .content_one{
	color:black;
 	font-family:verdana, sans-serif;
	font-size:12px;
}

#content a.linkmore{
	color:#c0491b;
	font-family:verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}

#content h2{
	color:#813131;
 	font-family:verdana, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	font-size:16px;
}
	
#content .compartments{
	background-color:#c0491b;
	color:white;	
	padding-top:1px;
	padding-bottom:1px;
	font-size:9pt;
 	font-family:verdana, sans-serif;
 	font-weight:bold;
}

.borderbottom{
	border-bottom:1px dotted #776761;
}

.borderright{
	border-right:1px dotted #776761;
}

.orange_rezept_box{
	color:#813131;
	float:left;
	background-color:#e5ddb5;
 	font-family:verdana, sans-serif;
	text_decoration:none;
	font-weight:bold;
	font-size:14px;	
	text-align:center;
	padding:2px 2px 2px 2px;
	width:100%;
	border:1px dashed #776761;
}

.gray_box{
	color:#813131;
	float:left;
 	font-family:verdana, sans-serif;
	text_decoration:none;
	font-weight:bold;
	font-size:14px;	
	text-align:center;
	padding:2px 2px 2px 2px;
	width:100%;
	border:1px dashed #776761;
 	background-color:rgb(248, 236, 236);
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
-->

HTML: 
<div class="frame">
<div class="top"></div>
	<div class="LeftNavi">
		<ul>
			<li class="NavHeadline" >
				&nbsp;Service
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Webverzeichnis</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Branchenbuch</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Apotheken</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Fahrplan</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Routenplaner</a>
			</li>		
			<li class="NavHeadlineOrange" >
				&nbsp;Kino
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kinos in Wien</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Derzeit im Kino</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kino Starts</a>
			</li>
			<li class="NavHeadline" >
				&nbsp;Events
			</li>
			<li class="NavPoint">
				<a href="" class="Link">&nbsp;Event hinzuf&uuml;gen</a>
			</li>
			<li class="NavPoint">
				<a href="" class="Link">&nbsp;Party</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Musik</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Seminare</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kabarett</a>
			</li>				
			<li class="NavHeadlineOrange" >
				&nbsp;Rezepte
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Fleisch-Gerichte</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Vegetarische-Gerichte</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;S&uuml;sses</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Vorspei&szlig;en</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Dessert</a>
			</li>		
			<li class="NavHeadline" >
				&nbsp;Navigation
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Home</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Kontakt</a>
			</li>
			<li class="NavPoint" style="list-style-type: none;">
				<a href="" class="Link">&nbsp;Impressum</a>
			</li>
		</ul>
	</div>
		<div id="content_left">
			<p class="compartments_orange">&nbsp;&raquo;Events</p>
			<div class="borderright">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderright">
				<img src="2.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Santana - Live your Light 2008</h2>
				<p class="content_one">Der charismatische Gitarrist präsentiert auf seinem neuen Album "Ultimate Santana" und seiner Europatournee im Juli 2008 seine neuesten Hits..<a href="" class="linkmore">[...]</a></p>
			</div>
			<p class="compartments_red">&nbsp;&raquo;Kino</p>
			<div class="borderright">
				<img src="5.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Süß macht schön</h2>
				<p class="content_one">In Caramel zeigt Nadine Labaki, wie bunt Beirut ohne Krieg sein kann – und wie Zucker als uraltes Schönheitsmittel verwendet wird. Kurt Zechner traf die berückende libanesische Filmemacherin in Paris.<a href="" class="linkmore">[...]</a></p>
			</div>
		</div>				
		<div id="content_right">
			<p class="compartments_orange">&nbsp;&raquo;Events</p>
			<p>
				<img src="2.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Santana - Live your Light 2008</h2>
				<p class="content_one">Der charismatische Gitarrist präsentiert auf seinem neuen Album "Ultimate Santana" und seiner Europatournee im Juli 2008 seine neuesten Hits..<a href="" class="linkmore">[...]</a></p>		
			</p>
			<p>
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</p>
			<p class="compartments_red">&nbsp;&raquo;Kino</p>
				<img src="5.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Süß macht schön</h2>
				<p class="content_one">In Caramel zeigt Nadine Labaki, wie bunt Beirut ohne Krieg sein kann – und wie Zucker als uraltes Schönheitsmittel verwendet wird. Kurt Zechner traf die berückende libanesische Filmemacherin in Paris.<a href="" class="linkmore">[...]</a></p>
		</div>
	<div id="content_outer">
		<p class="orange_rezept_box">
			Gefüllter Schweinsbraten<img src="4.jpg">
		</p>
		<p class="orange_rezept_box">
			Gefüllter Schweinsbraten<img src="4.jpg">
		</p>
		<p class="gray_box">
			Gefüllter Schweinsbraten<img src="4.jpg">
		</p>
		<p class="gray_box">
			Gefüllter Schweinsbraten<img src="4.jpg">
		</p>
	</div>
	<div id="content">
			<p class="compartments_red">&nbsp;&raquo;Freizeit</p>
			<div class="borderbottom clearfix">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom clearfix">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom clearfix">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<p class="compartments_orange">&nbsp;&raquo;Kino</p>
			<div class="borderbottom clearfix">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom clearfix">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
			<div class="borderbottom clearfix">
				<img src="1.jpg" alt="Bon Jovi" style="width:100px; heigth:75px;float:left;">
				<h2>Bon Jovi - Lost Highway World Tour</h2>
				<p class="content_one">Bon Jovi begeben sich auf eine exklusive Welttournee,<br>
				die sie in 10 verschiedene Länder und vor allem nach Österreich führt.<a href="" class="linkmore">[...]</a></p>
			</div>
	</div>
</div>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück