Hallo ich habe ein Problem mit der Grafik und dem Forum!!
Sehen Sie bitte Hier.
Ich weiß einfach nicht was da verkehrt sein soll!
Ich hatte vorher die Version 1.2 habe dort versucht das Forum anzupassen das ging leider auch nicht deswegen bin ich auf die 1.3 Version gestiegen, dachte das es dort vielleicht ginge aber denkste!!
Hoffe jemand kann mir helfen!!
Anhang WRAPPER und CSS:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bella-Italia » Das Italien Portal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="/css/italia.css" type="text/css">
<% GENERATOR %>
<% CSS %>
<% Javascript %>
</head>
<body bgcolor="#EFE3CA" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="ipbwrapper">
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" background="../../htm/Bilder/index_05.jpg"> <img src="../../htm/Bilder/index_01.jpg" width="350" height="1" alt="" /></td>
<td width="98%" colspan="2 "background="../../htm/Bilder/index_05.jpg"> <img src="../../htm/Bilder/index_02.jpg" width="15" height="1" alt="" /></td>
<td width="1%" colspan="3" rowspan="2" align="right" background="../../htm/Bilder/index_03.jpg"> <img src="../../htm/Bilder/index_03.jpg" width="325" height="101" alt="" /></td>
</tr>
<tr>
<td colspan="2" width="1%" background="../../htm/Bilder/index_05.jpg"> <img src="../../htm/Bilder/index_04.jpg" width="349" height="100" alt="" /></td>
<td colspan="3" width="99%"> <img src="../../htm/Bilder/index_05.jpg" width="100%" height="100" alt="" /></td>
</tr>
<tr>
<td align="left" background="../../htm/Bilder/index_06.jpg"> </td>
<td colspan="6" background="../../htm/Bilder/index_07.jpg"><font size="3">Navigation:
<a href="index.php?topic=home">News</a> --<a href="index.php?topic=italien-infos">
Italien-Infos</a> -- <a href="index.php?topic=reise">Reisen</a> -- <a href="index.php?topic=kultur">Kultur/Rezepte</a>
-- Sport --<a href="index.php?topic=service"> Service</a></font></td>
<td align="right" background="../../htm/Bilder/index_09.jpg"></td>
</tr>
<tr>
<td align="left" background="../../htm/Bilder/index_10.jpg"> <img src="../../htm/Bilder/index_10.jpg" width="100%" height="100%" alt="" /></td>
<td colspan="5" valign="top" bgcolor="#E2D1AD"> <br /> <table width="98%" border="0" align="left" valign="top">
<tr>
<td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="left" background="../../htm/Bilder/navi2_02.gif">
<img src="../../htm/Bilder/navi2_01.gif" width="60" height="26" alt="" /></td>
<td background="../../htm/Bilder/navi2_02.gif" width="98%">
</td>
<td background="../../htm/Bilder/navi2_02.gif" colspan="4" align="right">
<img src="../../htm/Bilder/navi2_03.gif" width="82" height="26" alt="" /></td>
</tr>
<tr>
<td width="1%" background="../../htm/Bilder/navi2_04.gif">
</td>
<td colspan="5" bgcolor="#FFFFFF" width="98%"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<% NAVIGATION %>
<hr size="-2" />
<div id="ipbwrapper">
<% BOARD %></div>
<% COPYRIGHT %>
</td>
</tr>
</table></td>
<td width="1%" background="../../htm/Bilder/navi2_06.gif"></td>
</tr>
<tr>
<td colspan="4" align="left" background="../../htm/Bilder/navi2_08.gif">
<img src="../../htm/Bilder/navi2_07.gif" width="69" height="25" alt="" /></td>
<td width="1%" background="../../htm/Bilder/navi2_08.gif">
<img src="../../htm/Bilder/navi2_08.gif" width="100%" height="25" alt="" /></td>
<td colspan="2" align="right" background="../../htm/Bilder/navi2_08.gif">
<img src="../../htm/Bilder/navi2_09.gif" width="72" height="25" alt="" /></td>
</tr>
<tr>
<td> <img src="../../htm/Bilder/spacer.gif" width="18" height="1" alt="" /></td>
<td width="19%"> <img src="../../htm/Bilder/spacer.gif" width="42" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="7" height="1" alt="" /></td>
<td width="3%"> <img src="../../htm/Bilder/spacer.gif" width="2" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="8" height="1" alt="" /></td>
<td width="24%"> <img src="../../htm/Bilder/spacer.gif" width="56" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="16" height="1" alt="" /></td>
</tr>
</table></td>
</tr>
</table></td>
<td align="center" valign="top" bgcolor="#E2D1AD"> <br />
<table width="90%" border="0">
<tr>
<td><table width="90" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="left" background="../../htm/Bilder/navi_02.gif">
<img src="../../htm/Bilder/navi_01.gif" width="76" height="23" alt="" /></td>
<td background="../../htm/Bilder/navi_02.gif">
<img src="../../htm/Bilder/navi_02.gif" width="100%" height="23" alt="" /></td>
<td colspan="2" align="right" background="../../htm/Bilder/navi_02.gif">
<img src="../../htm/Bilder/navi_03.gif" width="68" height="23" alt="" /></td>
</tr>
<tr>
<td background="../../htm/Bilder/navi_04.gif">
</td>
<td colspan="3" bgcolor="#FFFFFF"> <table width="95%" border="0" align="center">
<tr>
<td>
<% BOARD HEADER %>
<br />
<!--<% STATS %>-->
</td>
</tr>
</table></td>
<td background="../../htm/Bilder/navi_06.gif">
</td>
</tr>
<tr>
<td colspan="2" align="left" background="../../htm/Bilder/navi_08.gif">
<img src="../../htm/Bilder/navi_07.gif" width="76" height="22" alt="" /></td>
<td background="../../htm/Bilder/navi_08.gif">
<img src="../../htm/Bilder/navi_08.gif" width="100%" height="22" alt="" /></td>
<td colspan="2" align="right" background="../../htm/Bilder/navi_08.gif">
<img src="../../htm/Bilder/navi_09.gif" width="68" height="22" alt="" /></td>
</tr>
<tr>
<td> <img src="../../htm/Bilder/spacer.gif" width="14" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="62" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="5" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="54" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="14" height="1" alt="" /></td>
</tr>
</table></td>
</tr>
</table></td>
<td align="right" background="../../htm/Bilder/index_13.jpg"></td>
</tr>
<tr>
<td> <img src="../../htm/Bilder/spacer.gif" width="11" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="338" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="1" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="3" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="12" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="162" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="155" height="1" alt="" /></td>
<td> <img src="../../htm/Bilder/spacer.gif" width="8" height="1" alt="" /></td>
</tr>
</table></div>
</body>
</html>
---------------------------------------------------------------
/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; }
/* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content
#ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align
the content properly. This is a work around to a known Internet Explorer bug */
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px;padding:0px;background-color:#FFF; text-align:center }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #465584; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
form { display:inline; }
img.attach { border:2px outset #EEF2F7;padding:2px }
.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }
#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#BCD0ED; padding:6px }
/* Form stuff (post / profile / etc) */
.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }
/* Topic View elements */
.signature { font-size: 10px; color: #339; line-height:150% }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }
.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
/* Common elements */
.row1 { background-color: #F5F9FD }
.row2 { background-color: #DFE6EF }
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #E4EAF2 }
.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }
.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
/* Main table top (dark blue gradient by default) */
.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }
/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0 }
.tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; }
.tablepad { background-color:#F5F9FD;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { white-space:normal; font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
