Jetzt ist meine Website endlich online, aber wie viele erst-online-gestellte-Websites hat diese nartürlich Bugs, wobei der größte Bug der Auflösungsbug für den Besucher ist.
Was heißt: Die Website ist im Moment nur für eine Auflösung gedacht:
"1280x800 Pixel"(oder mehr, habe ich aber nicht probiert)
Ein Bild, wie ich die Website sehen kann findet ihr am Anhang.
Die Website habe ich mit PhPKit erstellt.
Außerdem habe ich mir ein Design von einer anderen Person
heruntergeladen und dieses Design dann editiert.
Man kann ein zusätzlichen Code für jedes Design einbringen.
Ich habe diesen Code editiert. So sieht er im Moment aus:
| code |
<!-- *********************************************************** -->
<!-- Style white-rounded by Master-B | http: //gfx4phpkit.de -->
<!-- Member of the KitNetWork | http: //kitnetwork.php-gfx.net -->
<!-- *********************************************************** -->
<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv= "content-type" content= "text/html; charset=iso-8859-1">
<title> $site_title</title>
$site_metatags
$site_design
$site_header_script
$site_refresh
</head>
<body>
<a name= "head"></a>
<div id= "pkouterpage">
<div id= "pkpageheader"></div>
<div id= "pkpagedecoration">
<div id= "pkpage">
<h1 id= "pkheadline"> $sitename</h1>
<h2 id= "pkheadline"> $sitetitle</h2>
<div id= "pkbranding">
<!-- Begin Head -->
<table border= "0" cellspacing= "0" cellpadding= "0" width= "150%" style= "max-width:1280px;">
<tr>
<td width= "10" nowrap class= "topli-10"></td>
<td valign= "top" align= "center" class= "topmi"></td>
<td width= "10" nowrap class= "topre-10"></td>
</tr>
<tr>
<td width= "10" nowrap class= "middleli"></td>
<td class= "standard" valign= "top" width= "100%">
<!-- -->
<div id= "images/style/white-rounded"><a href= "images/style/white-rounded" title= "$site_title" alt= "$logo_imgalt"><img id= "images/style/white-rounded" height= "161" width= "100%" alt= "$site_title" src= "images/style/white-rounded/websitelogoneu.gif"/></a></div>
<div id= "pkadview"$displayadview></div>
<div id= "pkadviewbox"> $adview</div>
<a name= "navigation"></a>
<!-- -->
</td>
<td width= "10" nowrap class= "middlere"></td>
</tr>
<tr>
<td width= "10" nowrap class= "topli-15"></td>
<td valign= "top" align= "center" class= "topmi-15"></td>
<td width= "10" nowrap class= "topre-15"></td>
</tr>
</table>
<!-- -->
</div>
<div $displaycontent_top>
<!-- Begin Top -->
<table width= "100%" border= "0" cellspacing= "0" cellpadding= "0" style= "max-width:1280px;" align= "center">
<tr>
<td width= "10" nowrap class= "topli-10"></td>
<td valign= "top" align= "center" class= "topmi"></td>
<td width= "10" nowrap class= "topre-10"></td>
</tr>
<tr>
<td width= "10" nowrap class= "middleli"></td>
<td class= "standard" valign= "top" align= "center" width= "100%">
<!-- -->
<div id= "pkcontent_top"$displaycontent_top><ul class= "pkcontent_box_top"> $navigation_top</ul></div>
<div id= "pkcontent_sub_top"$displaycontent_sub_top> $navigation_sub_top</div>
<div id= "pksitedate"> $site_date</div>
<!-- -->
</td>
<td width= "10" nowrap class= "middlere"></td>
</tr>
<tr>
<td width= "10" nowrap class= "bottomli-15"></td>
<td valign= "top" align= "center" class= "bottommi-15"></td>
<td width= "10" nowrap class= "bottomre-15"></td>
</tr>
</table>
<!-- -->
</div>
<div id= "pkcontent">
<a name= "content"></a>
<div id= "pkbreadcrumbnavigation"$displaycontent_breadcrumb> $navigation_breadcrumb</div>
<table id= "pkcontent" cellspacing= "0" cellpadding= "0">
<tr>
<td style= "height: 100%;" id= "pkcontent_left"$displaycontent_left>
<!-- Begin Left -->
<table border= "0" cellspacing= "0" cellpadding= "0" width= "196" style= "height: 100%;" style= "max-width:196px;" align= "center">
<tr>
<td width= "10" nowrap class= "topli-10"></td>
<td valign= "top" align= "center" class= "topmi"></td>
<td width= "15" nowrap class= "topre-15li"></td>
</tr>
<tr>
<td width= "10" nowrap class= "middleli"></td>
<td class= "standard" valign= "top" style= "height: 100%;">
<!-- -->
<div id= "pkcontent_left"> $navigation_left
<div class= "pkcontentclear"> </div>
</div>
<!-- -->
</td>
<td width= "15" nowrap class= "middlere-li"></td>
</tr>
<tr>
<td width= "10" nowrap class= "bottomli-10"></td>
<td valign= "top" align= "center" class= "bottommi"></td>
<td width= "15" nowrap class= "bottomre-15li"></td>
</tr>
</table>
<!-- -->
</td>
<td style= "height: 100%;" id= "pkcontent_main">
<!-- Begin Main -->
<table border= "0" cellspacing= "0" cellpadding= "0" width= "831" style= "height: 100%;" style= "max-width:830px;" align= "center">
<tr>
<td width= "10" nowrap class= "topli-10"></td>
<td valign= "top" align= "center" class= "topmi"></td>
<td width= "10" nowrap class= "topre-10"></td>
</tr>
<tr>
<td width= "10" nowrap class= "middleli"></td>
<td class= "standard" valign= "top" style= "height: 100%;">
<!-- -->
<div id= "pkcontent_main"> $site_body
<div class= "pkcontentclear"> </div>
</div>
<!-- -->
</td>
<td width= "10" nowrap class= "middlere"></td>
</tr>
<tr>
<td width= "10" nowrap class= "bottomli-10"></td>
<td valign= "top" align= "center" class= "bottommi"></td>
<td width= "10" nowrap class= "bottomre-10"></td>
</tr>
</table>
<!-- -->
</td>
<td style= "height: 100%;" id= "pkcontent_right"$displaycontent_right>
<!-- Begin Right -->
<table border= "0" cellspacing= "0" cellpadding= "0" width= "196" style= "height: 100%;" style= "max-width:196px;" align= "center">
<tr>
<td width= "15" nowrap class= "topli-15re"></td>
<td valign= "top" align= "center" class= "topmi"></td>
<td width= "10" nowrap class= "topre-10"></td>
</tr>
<tr>
<td width= "15" nowrap class= "middleli-re"></td>
<td class= "standard" valign= "top" style= "height: 100%;">
<!-- -->
<div id= "pkcontent_right"> $navigation_right</div>
<div class= "pkcontentclear"> </div>
<!-- -->
</td>
<td width= "10" nowrap class= "middlere"></td>
</tr>
<tr>
<td width= "15" nowrap class= "bottomli-15re"></td>
<td valign= "top" align= "center" class= "bottommi"></td>
<td width= "10" nowrap class= "bottomre-10"></td>
</tr>
</table>
<!-- -->
</td>
</tr>
</table>
</div>
<div $displaycontent_bottom>
<!-- Begin Footer -->
<table border= "0" cellspacing= "0" cellpadding= "0" width= "100%" align= "center">
<tr>
<td width= "10" nowrap class= "topli-15bo"></td>
<td valign= "top" align= "center" class= "topmi-15bo"></td>
<td width= "10" nowrap class= "topre-15bo"></td>
</tr>
<tr>
<td width= "10" nowrap class= "middleli"></td>
<td class= "standard" valign= "top" width= "100%">
<!-- -->
<div id= "pkcontent_bottom"$displaycontent_bottom><ul class= "pkcontent_box_bottom"> $navigation_bottom</ul></div>
<div id= "pkcontent_sub_bottom"$displaycontent_sub_bottom> $navigation_sub_bottom</div>
<!-- -->
</td>
<td width= "10" nowrap class= "middlere"></td>
</tr>
<tr>
<td width= "10" nowrap class= "bottomli-10"></td>
<td valign= "top" align= "center" class= "bottommi"></td>
<td width= "10" nowrap class= "bottomre-10"></td>
</tr>
</table>
<!-- -->
</div>
<div id= "pksitecopyright"$displaycontent_site_copyright> $site_copyright</div>
</div>
</div>
<div id= "pkpagefooter"></div>
<div id= "pksiteparser"> $lang_parsertime_stopped </div>
<div id= "pksiteadminlogin"> $site_adminlogin</div>
</div>
<a name= "foot"></a>
</body>
</html>
|
Ich denke irgendwo dort ist der Fehler.
Der Auflösungsfehler für das Logo habe ich berichtigt, aber bei
den drei unteren Tabellen gibt es immer noch ein Problem.
Auf jeden Fall muss ich die festen Pixelangaben ändern und sie nach jeder Auflösung anpassen.
Ich schätze das geht mit Prozentangaben?
Aber wenn ich die with="196",width="831" und wieder width="196"
mit 100% ersetze ist es zwar für jede Auflösung gut, jedoch ist eine Tabelle größer als die andere, je nach dem wo ich mich befinde(Forum,FAQ,Startseite,etc..)
Weiß einer wieso dieser Auflösungsfehler kommt?
PS: Um das Prozentdesign(width="100%" für jede Tabelle) zu sehen,
bitte das Design auf meiner Website auf "Prozentual" ändern.
38.107.x.x
MSN spider
Infos
