Hallo Zusammen
Eigentlich ist es recht einfach und simpel und ich kriegte es auch schon mal hin wie ich es wollte. Allerdings geht es nun nicht mehr.
Ich hab einen gesamten Container namens Content. In diesem Content sollten dann drei Sachen angzeigt werden. Leftcolumn (menu Links) und Rightcolumn (Menu Rechts) mit einer Festen breite von 160px.
Der gesamte Content sollte im Browser zentriert sein. Der "Container", also der Inhalt selbst sollte in der Mitte zwischen Left und Rightcolumn stehen.
allerdings hab ich da so meine PRobleme.
Im HTML Nehme ich erst links, rechts und dann die Mitte, so wie es sich gehört. Zb:
Reihenfolge im HTML-Code:;
Leftcolumn (Float left)
rightcolumn (float right)
content (nichts)
Es geht, nur wird die Contentbreite immer darüberhinausgeschossen! Warum das? Ich möchte keine Feste breite zuweisen sonder nur, dass alles Zentriert wird und der Content sich jeweils anpasst, jenachdem wie viel Platz zwischen der linken und rechten spalte bleibt. Kann mir da jemand weiterhelfen??
es handelt sich um die Seite
www.globesolutions.ch/class , um diese anzuzeigen sind folgende Logindaten nötig:
Login: admin
pass: intern2008
Vielen Dank!
CSS-Code:
PHP-Code:
body, form, img, p, h1, h2, h3, input, select {
margin: 0;
padding: 0;
}
body {
font: 12px/17px tahoma, sans-serif;
color: #222;
/*background: #e8ecf1 url("../layout_images/new/body_bg.gif") repeat-x fixed;*/
}
img {
border: none;
}
.tst
{
width: 50px;
border-left:10px;
margin: 0px 0px 0px 0px;
padding: 100px;
border-collapse: separate;
text-align: left;
vertical-align: top;
}
.editor
{
width: 300px;
}
#container {
margin: 0 auto auto;
background: #fff;
padding: 0;
text-align: center;
}
.containertable table
{
width: 100% !important;
width: 100%;
margin: 5px 0px;
}
.containertable td
{
vertical-align: top;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
}
#header {
margin: 0 5px 5px 5px !important;
height: 66px;
background: #fff url("../layout_images/new/header_bg.gif") repeat-x;
text-align: center;
}
#header table {
width: 100%; !important;
width: 100%;
margin: 5px 0px;
}
#header td {
vertical-align: top;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
}
#topnav {
position: relative;
right: 10px;
}
#topnav td {
text-align: center;
}
#topnav td a {
color: #53626d;
text-decoration: none;
}
#topnav td a:hover {
color: #283946;
text-decoration: underline;
}
#register, #addad, #login {
border-right: 1px solid #c6cdd4;
}
#register a {
background: url("../layout_images/new/register.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#addad a {
background: url("../layout_images/new/addad.gif") 0px 50% no-repeat;
padding-left: 17px;
}
#login a {
background: url("../layout_images/new/login.gif") 0px 50% no-repeat;
padding-left: 22px;
}
#wap a {
background: url("../layout_images/new/wap.gif") 0px 50% no-repeat;
padding-left: 12px;
}
#nav {
border: 1px solid #6882ad;
height: 38px;
}
#nav td {
text-align: center;
vertical-align: middle;
width: 14%;
border-right: 1px solid #0091d0;
}
#nav td a {
color: #edf7fd;
text-decoration: none;
height: 38px;
font: 12px arial, sans-serif;
display: block;
background: #008cce url("../layout_images/new/nav_bg.gif") 0px 1px repeat-x;
}
#nav td a:hover {
color: #fff;
background: #6db2dd url("../layout_images/new/nav_bg_over.gif") 0px 1px repeat-x;
}
#subnav {
border: 1px solid #dbe8fa;
background: #e8ebf0;
color: #41597f;
}
#subnav td {
height: 30px;
padding: 0px 15px;
vertical-align: middle;
}
#subnav a {
color: #41597f;
}
#subnav a:hover {
color: #5378b4;
}
.abc td {
padding: -10px -10px !important;
}
.abc {
padding: -10px -10px !important;
}
.blueheadline
{
border-top: 1px solid #6882ad;
border-bottom: 1px solid #6882ad;
height: 23px;
padding: 5px 14px !important;
padding: 2px 14px;
white-space: nowrap;
text-align: left;
vertical-align: middle;
color: #fff;
background: #008cce url("../layout_images/new/th_bg.gif") repeat-x;
font: bold 11px verdana, sans-serif;
}
.special {
margin: 5px 0px;
border-left: 1px solid #dedede;
border-right: 1px solid #a3aab7;
border-bottom: 1px solid #a3aab7;
background: #f8f8f8;
padding:10px;
}
.special td {
padding: 1px 5px !important;
}
.special td.category {
background: url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.special tr.alt td.category {
background: #e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.special td.category_none {
padding-left: 36px !important;
}
.special tr.alt td.category_none {
padding-left: 36px !important;
}
.special th {
border-top: 1px solid #6882ad;
border-bottom: 1px solid #6882ad;
height: 23px;
padding: 5px 14px !important;
padding: 2px 14px;
white-space: nowrap;
text-align: left;
vertical-align: middle;
color: #fff;
background: #008cce url("../layout_images/new/th_bg.gif") repeat-x;
font: bold 11px verdana, sans-serif;
}
.special th a {
color: #fff;
text-decoration: none;
}
.special th a:hover {
text-decoration: underline;
}
.special td a, #content a {
color: #0065b7;
text-decoration: none;
}
.special td a strong {
font-size: 110%;
}
.special td a:hover, .special td a:hover strong, #content a:hover {
color: #fff;
background: #0065b7;
}
.special tr.alt {
background: #e7ebf0;
}
.special td.pointer {
background: url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
.special tr.alt td.pointer {
background: #e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
/*-- Box headings and other tags --*/
.special h1 {
font: bold 19px arial, sans-serif;
margin: 10px 0 5px 0;
clear: both;
}
.special h2 {
font: bold 15px arial, sans-serif;
margin: 20px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.special h3 {
font: bold 13px arial, sans-serif;
margin: 10px 0 5px 0;
}
.special p {
margin: 8px 0;
}
.special ul {
list-style: square;
padding-left: 20px !important;
margin-left: 0 !important;
padding-left: 0;
margin-left: 20px;
}
.special blockquote {
border: 1px solid #e7ebf0;
margin: 5px 3px 15px 3px;
padding: 15px;
background: #fff;
}
.box {
margin: 5px 0px;
border-left: 1px solid #dedede;
border-right: 1px solid #a3aab7;
border-bottom: 1px solid #a3aab7;
background: #f8f8f8;
}
.box td {
padding: 5px 15px !important;
}
.box td.category {
background: url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.box tr.alt td.category {
background: #e7ebf0 url("../layout_images/new/folder.gif") 14px 9px no-repeat;
padding-left: 36px !important;
}
.box th {
border-top: 1px solid #6882ad;
border-bottom: 1px solid #6882ad;
height: 23px;
padding: 5px 14px !important;
padding: 2px 14px;
white-space: nowrap;
text-align: left;
vertical-align: middle;
color: #fff;
background: #008cce url("../layout_images/new/th_bg.gif") repeat-x;
font: bold 11px verdana, sans-serif;
}
.box th a {
color: #fff;
text-decoration: none;
}
.box th a:hover {
text-decoration: underline;
}
.box td a, #content a {
color: #0065b7;
text-decoration: none;
}
.box td a strong {
font-size: 110%;
}
.box td a:hover, .box td a:hover strong, #content a:hover {
color: #fff;
background: #0065b7;
}
.box tr.alt {
background: #e7ebf0;
}
.box td.pointer {
background: url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
.box tr.alt td.pointer {
background: #e7ebf0 url("../layout_images/new/pointer.gif") 14px 10px no-repeat;
padding-left: 26px !important;
}
/*-- Box headings and other tags --*/
.box h1 {
font: bold 19px arial, sans-serif;
margin: 10px 0 5px 0;
clear: both;
}
.box h2 {
font: bold 15px arial, sans-serif;
margin: 20px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.box h3 {
font: bold 13px arial, sans-serif;
margin: 10px 0 5px 0;
}
.box p {
margin: 8px 0;
}
.box ul {
list-style: square;
padding-left: 20px !important;
margin-left: 0 !important;
padding-left: 0;
margin-left: 20px;
}
.box blockquote {
border: 1px solid #e7ebf0;
margin: 5px 3px 15px 3px;
padding: 15px;
background: #fff;
}
#membermenu a
{
background: url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
color: #0065b7;
text-decoration: none;
}
#membermenu a:hover
{
background: url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
color: #0065b7;
font-weight:bold;
}
.arrow a:hover{
color: #53626d;
text-decoration: none;
}
/*-- --*/
.side_nav td {
background: url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
}
.side_nav tr.alt td {
background: #e7ebf0 url("../layout_images/new/arrow.gif") 10px 50% no-repeat;
padding-left: 23px !important;
}
#tools {
border: 1px solid #e7ebf0;
background: #fff;
}
#tools td {
padding: 2px !important;
text-align: center;
border-right: 1px solid #e7ebf0;
}
#tools a {
color: #53626d;
text-decoration: none;
}
#tools a:hover {
color: #283946;
background: none;
text-decoration: underline;
}
#tools #addfav {
background: url("../layout_images/new/addfav.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #moread {
background: url("../layout_images/new/moread.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #sellerad {
background: url("../layout_images/new/sellerad.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #contactseller {
background: url("../layout_images/new/contactseller.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #tellfriend {
background: url("../layout_images/new/tellfriend.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#tools #print {
background: url("../layout_images/new/print.gif") 0px 50% no-repeat;
padding-left: 20px;
}
#premium td {
background: url("../layout_images/new/premium.gif") 14px 50% no-repeat;
padding-left: 36px !important;
}
#premium tr.alt td {
background: #e7ebf0 url("../layout_images/new/premium.gif") 14px 50% no-repeat;
padding-left: 36px !important;
}
#footer {
border-top: 1px solid #dedede;
padding: 4px;
}
#footer a {
color: #53626d;
text-decoration: none;
margin: 0 4px;
}
#footer a:hover {
color: #283946;
text-decoration: underline;
}
#footer a.rss {
background: url("../layout_images/new/rss.gif") 0px 50% no-repeat;
padding-left: 15px;
}
.button {
background: #ecbe47;
border: 1px solid #cc810d;
color: #fff !important;
padding: 2px 7px;
margin: 0 3px;
font: bold 11px verdana, sans-serif;
}
.button:hover {
background: #e4af26 !important;
border: 1px solid #835308 !important;
cursor: pointer;
}
.sold {
color: red;
font-weight: bold;
}
.warn_intend {
color: red;
}
.red {
color: red;
}
.star {
color: red;
}
a.thumb img {
padding: 2px;
border: 2px solid #ccc;
}
a.thumb:hover img {
border: 2px solid #3588c7;
background: none !important;
}
a.thumb:hover {
background: none !important;
}
a.thumb_icon img {
padding: 1px;
border: 2px solid #ccc;
}
a.thumb_icon:hover img {
border: 2px solid #3588c7;
background: none !important;
}
a.thumb_icon:hover {
background: none !important;
}
.gal{
padding: 10px;
border: 1px solid #ccc;
margin:100px;
}
a.gallery img {
padding: 2px;
border: 2px solid #ccc;
}
a.gallery:hover img {
border: 2px solid #3588c7;
background: none !important;
}
a.gallery:hover {
background: none !important;
}
h2 {
font: bold 20px verdana,arial, sans-serif;
margin: 20px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.headline a {
color: #fff;
text-decoration: none;
}
.headline a:hover {
color: #fff;
background: #0065b7;
}
.headline a, #content a {
color: #0065b7;
text-decoration: none;
}
.small_drop_down
{
font-size: 9px;
}
.bg
{
background-color:#EEECEC;
border: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 5px;
}
.memberarea{
float:right;background: #f8f8f8;width:80%;padding:0px;margin:0px;
}
.memberarea a
{
color: #0065b7;
text-decoration: none;
}
.memberarea a:hover
{
color: #0065b7;
font-weight:bold;
}
.memberarea_caption
{
font: bold 14px verdana,arial, sans-serif;
margin: 0px 0 0 0;
clear: both;
border-bottom: 1px solid #a3aab7;
}
.regionselect
{
width:200px;
margin-bottom:5px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background:#fff; /*#F6F0E0;*/
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 160px;
float: left;
}
#content {
color: #333;
border: none; /*1px solid #ccc;*/
background: #fff; /*#CCC8B3*/
margin: 0px 5px 5px 0px;
padding: 10px;
height: auto; /*350px*/
width: auto;
text-align: center;
}
.left {
width: 258px;
float: right;
text-align: left;
}
.right {
width: 258px;
text-align: left;
}
#rightcolumn {
color: #333;
border: 1px solid #ccc;
background:#fff; /*#F6F0E0;*/
margin: 0px 0px 5px 0px;
padding: 10px;
height: 350px;
width: 160px;
float: right;
}
blockquote {
font-weight : normal;
font-style : italic;
text-align : justiry;
color : #000;
}
HTML-Reihenfolge:
Code:
<div id="content">
<div id="leftcolumn">
LINKS MENU
</div>
<div id="rightcolumn">
RECHTES MENU
</div>
<div id="container">
<div class="containertable">
<table cellspacing="0" id="header">
<tr>
<td>
<a href="index.php"><img src="layout_images/new/logoexistiertnochnicht.gif" alt="Babymärt Logo" title="Babymärt - Der Marktplatz" width="110px"/></a>
</td>
<td>
<table cellspacing="0" id="topnav">
<tr>
<td id="register"><a href="register.php">Registrieren</a></td>
<td id="addad"><a href="choose_cat.php">Annonce aufgeben</a></td>
<td id="login"><a href="member_login.php">Login</a></td>
<td id="wap"><a href="latestwap.php">WAP</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing="0">
<tr id="nav">
<td><a href="index.php" title="Startseite"><img src="layout_images/new/home_icon.gif" alt="Startseite" style="margin-top:4px;"/><br />Startseite</a></td>
<td><a href="picturebrowse.php" title="Bildbrowser"><img src="layout_images/new/pictures_icon.gif" alt="Bildbrowser" style="margin-top:4px;"/><br />Bildbrowser</a></td>
<td><a href="latestads.php" title="Neue Annoncen"><img src="layout_images/new/latest_icon.gif" alt="Neue Annoncen" style="margin-top:4px;"/><br />Neue Annoncen</a></td>
<td><a href="mostviewed.php" title="Top Annoncen"><img src="layout_images/new/top_ads_icon.gif" alt="Top Annoncen" style="margin-top:4px;"/><br />Top Annoncen</a></td>
<td><a href="best_rated.php" title="Top Wertung"><img src="layout_images/new/top_rated_icon.gif" alt="Top Wertung" style="margin-top:4px;"/><br />Top Wertung</a></td>
<td><a href="fav.php" title="Meine Favoriten"><img src="layout_images/new/favorites_icon.gif" alt="Meine Favoriten" style="margin-top:4px;"/><br />Meine Favoriten</a></td>
<td><a href="search.php" title="Suchen"><img src="layout_images/new/search_icon.gif" alt="Suchen" style="margin-top:4px;"/><br />Suchen</a></td>
</tr>
<tr id="subnav">
<td colspan="7">
<p style="float:left;"><a href='index.php'><img src='layout_images/pointer.gif' border='0' hspace='2' alt='' /></a><a href='index.php'><u>Babymärt Marktplatz</u></a> </p>
<p style="text-align:right;">
<a href="?setlang=eng"><img src="layout_images/flags/us.gif" alt="English" title="English" /></a>
<a href="?setlang=eng"><img src="layout_images/flags/gb.gif" alt="English" title="English" /></a>
<a href="?setlang=fre"><img src="layout_images/flags/fr.gif" alt="French" title="French" /></a>
<a href="?setlang=ger"><img src="layout_images/flags/de.gif" alt="German" title="German" /></a><!---
<a href="?setlang=gre"><img src="layout_images/flags/gr.gif" alt="Greek" title="Greek" /></a>
<a href="?setlang=ita"><img src="layout_images/flags/it.gif" alt="Italian" title="Italian" /></a>
<a href="?setlang=por"><img src="layout_images/flags/pt.gif" alt="Portuguese" title="Portuguese" /></a>
<a href="?setlang=rom"><img src="layout_images/flags/ro.gif" alt="Romanian" title="Romanian" /></a>
<a href="?setlang=ned"><img src="layout_images/flags/nl.gif" alt="Dutch" title="Dutch" /></a>
<a href="?setlang=spa"><img src="layout_images/flags/es.gif" alt="Spanish" title="Spanish" /></a>
<a href="?setlang=dan"><img src="layout_images/flags/dk.gif" alt="Danish" title="Danish" /></a>
<a href="?setlang=nor"><img src="layout_images/flags/no.gif" alt="Norwegian" title="Norwegian" /></a>-->
</p>
</td>
</tr>
</table>
<br />
</div>
<div class="containertable">
<table border="0" width="100%" cellspacing="0" cellpadding="10">
<tr>
<td width="100%">
<!-- If we are on frontpage -->
<h2>Willkommen bei Babymärt Marktplatz</h2>
<p class="headline">Um eine Annonce aufzugeben bitte <a href="member_login.php"><b>Login</b></a> oder <a href="register.php"><b> registrieren</b></a> Sie sich kostenlos bei uns</p>
<!-- PREMIUM PICTURE -->
<table>
<tr>
<td>
<table cellspacing="0" class="box">
<tr>
<th colspan="2">
<div style="float:left;margin-top:4px;">Kategorien</div>
</th>
</tr>
<tr>
<td width="50%" class="category" valign="top">
<a href='index.php?catid=1'><strong> Testkategorie 1 (3)</strong></a><br />
<a href="index.php?catid=2" title="Unterkategorie ">Unterkategorie </a>
<small class="littleGray">1</small> </td>
<td colspan="1"></td>
</tr>
</table>
</td>
<td><!-- latest_frontpage_premium.tpl -->
<!-- //latest_frontpage_premium.tpl --></td>
</tr>
</table>
<!-- PREMIUM PICTURE -->
<!-- SHOW LIST -->
<!-- LATEST_FRONTPAGE.TPL -->
<table cellspacing="0" class="box" style="clear:both;">
<tr>
<th width="25%"><a href='?catid=0&order=cat_name&way=1' title='LA_SORT Kategorie'> Kategorie</a> </th>
<th width="35%"><a href='?catid=0&order=ad_title&way=1' title='LA_SORT Titel'> Titel</a> </th>
<th width="10%"><a href='?catid=0&order=ad_date_expire&way=1' title='LA_SORT gültig bis'> gültig bis</a> </th>
<!-- <th>Vendor logo</th> -->
<th width="20%"><a href='?catid=0&order=ad_totalscore&way=1' title='LA_SORT Grad'> Grad</a> </th>
<th width="5%"><a href='?catid=0&order=picture&way=1'> Foto</a> </th>
</tr>
<tr class="">
<td class="category">Testkategorie 1</td>
<td class="pointer"><a href="detail.php?id=3" title="Nochmals ein Test">
Nochmals ein Test</a></td>
<td>2008.09.13</td>
<!-- <td></td> -->
<td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td>
<td><img src='layout_images/new/noimg.gif' align="left" border='0' alt="Gugus... aber diesmal ohne Fettschrift... danke" /></td>
</tr>
<tr class="alt">
<td class="category">Unterkategorie </td>
<td class="pointer"><a href="detail.php?id=2" title="Test Nummer 2">
<b>Test Nummer 2</b></a></td>
<td>2008.09.13</td>
<!-- <td></td> -->
<td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td>
<td><img src='layout_images/new/yes.gif' align="left" border='0' alt="Kredit abgezogen? " /></td>
</tr>
<tr class="">
<td class="category">Testkategorie 1</td>
<td class="pointer"><a href="detail.php?id=1" title="Testtitel">
<b>Testtitel</b></a></td>
<td>2008.09.13</td>
<!-- <td></td> -->
<td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td>
<td><img src='layout_images/new/yes.gif' align="left" border='0' alt="Testbeschreibung" /></td>
</tr>
<tr>
<td colspan="6" align="center">
</td></tr></table>
<!-- // LATEST_FRONTPAGE.TPL -->
</td></tr></table>
</div><div class="containertable">
<!-- Start Footer -->
<form action="search.php" method="post">
<table cellspacing="0" class="box">
<tr>
<th colspan="4">Suchen</th>
</tr>
<tr>
<td><input name="searchword" size="25"/> </td>
<td>
<select name="catid_search">
<option value="0">Alle Kategorien</option><option value='1'>Testkategorie 1 (3)</option><option value='2'> Unterkategorie (1)</option></select>
</td>
<td><input value="Suchen" name="do_search" type="submit" class="button"/></td>
<td width="100%"> </td>
</tr>
</table>
</form>
<table>
<tr>
<td align="center">
<!-- Stat bar -->
Wir haben insgesamt 1 Benutzer und 3 Anzeigen und 8 Anzeigenbesucher </td>
</tr>
</table>
<table id="footer">
<tr>
<td align="center">
<a href="javascript:openWin3('info.php?what=terms',300,500,'LA_TERMS_ALT')">Nutzungsbedingungen</a>
- <a href="javascript:openWin3('info.php?what=aboutus',300,500,'LA_ABOUT_ALT')">Über Uns</a>
- <a href="javascript:openWin3('info.php?what=advertise',300,500,'LA_ADVERTISE_ALT')">Werben mit uns</a>
- <a href="javascript:openWin3('info.php?what=help',300,500,'LA_HELP_ALT')">Hilfe</a>
- <a href="rss.php" class='rss'>Annoncen RSS</a>
<br /><br />
<!-- ## YOU MAY NOT REMOVE THE FOLLOWING 4 LINES WITHOUT COMMERCIAL PAID LICENSE ## -->
<!-- ## YOU MAY NOT REMOVE THE ABOVE 4 LINES WITHOUTH COMMERCIAL PAID LICENSE ## -->
</td>
</tr>
</table>
</div>
</div></div>