HTML-Problem : Webshop

Enigma · Beitrag von **Enigma** » Mittwoch 16. Februar 2011, 22:40

Hallo meine lieben Foristen,

in der Uni sind wir zur zeit verpflichtet einen Webshop anzulegen (samt Business-Plan etc.).
Leider obliegt mir in meiner Gruppe die technische Leitung (obwohl ich kaum ahnung vom Programmieren habe)
Nun haben wir heute unseren "Kopfbanner" eingefügt. Da dieser größer ist als der vorherige mussten veränderungen am Programmcode gemacht werden. Diese jedoch haben wiederum zu Fehlern geführt.

Deshalb hier mal unser CSS-Code in dem die veränderungen durchgeführt wurden,

Code: Alles auswählen

@charset "utf-8";

/* CSS Document

    Copyright (c) Freeoscommerce.com 2009

	This file is part of a freeoscommerce.com template.  Please visit http://www.freeoscommerce.com for licensing and other information.
*/

body {
margin: 0px;
padding: 0px;
background: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
}

div#wrapper1 {
position: relative;
width: 100%;
min-height: 500px;
margin: 30px 0px 0px 0px;
overflow: auto;
}

div#wrapper2 {
z-index: 3;
position: relative; top: 169px;
left: 50%;
width: 949px;
padding: 94px 0px 94px 0px;
margin-left: -474px;
min-height: 300px;
}

div#header_wrapper {
position: relative;
width: 949px;
min-height: 79px;
background: url(images/footer_header_middle.jpg) top center repeat-y;
overflow: auto;
}

div#header_top {
z-index: 3;
position: absolute; top: 169px;
top: 0px;
width: 949px;
height: 52px;
background: url(images/footer_header_top.jpg) top center no-repeat;
}

div#header_bottom {
z-index: 3;
position: absolute  ;
bottom: 0px;
width: 949px;
height: 26px;
background: url(images/footer_header_bottom.jpg) top center no-repeat;
}

div#menu {
z-index: 4;
position: relative ;
width: 949px;
padding-top: 28px;
color: #ffffff;
font-size: 16px;
text-align: center;
font-weight: bold;
}

div#menu span {
margin: 0px 25px 0px 25px;
}

div#wrapper3 {
z-index: 3;
position: relative;
width: 966px;
padding: 10px 0px 10px 0px;
min-height: 300px;
overflow: auto;
}

div#column_left {
position: relative ;
float: left;
width: 190px;
padding: 0px 0px 10px 0px;
min-height: 300px;
overflow: hidden;
}

div#column_middle {
position: relative ;
float: left;
width: 526px;
min-height: 300px;
padding: 10px 20px 10px 20px;
overflow: auto;
}

div#column_right {
position: relative ;
float: left;
width: 190px;
padding: 0px 0px 10px 0px;
min-height: 300px;
overflow: hidden;
}

div#footer_wrapper {
position: relative;
width: 949px;
min-height: 79px;
background: url(images/footer_header_middle.jpg) top center repeat-y;
overflow: auto;
}

div#footer_top {
z-index: 3;
position: absolute;
top: 0px;
width: 949px;
height: 52px;
background: url(images/footer_header_top.jpg) top center no-repeat;
}

div#footer_bottom {
z-index: 3;
position: absolute;
bottom: 0px;
width: 949px;
height: 26px;
background: url(images/footer_header_bottom.jpg) top center no-repeat;
}

div#footer {
z-index: 4;
position: relative;
width: 919px;
padding: 15px;
color: #ffffff;
text-align: center;
}

div#background_middle {
z-index: 1;
position: absolute;
width: 100%;
top: 0px;
height: 100%;
background: url(images/main_middle.jpg) top center repeat-y;
}

div#background_top {
z-index: 2;
position: absolute;
width: 100%;
top: 0px;
height: 369px;
background: url(images/main_top.jpg) top center repeat-y;
}

div#background_bottom {
z-index: 2;
position: absolute;
width: 100%;
bottom: 0px;
height: 200px;
background: url(images/main_bottom.jpg) bottom center repeat-y;
}

div#website_name {
z-index: 4;
position: absolute;
width: 640px;
top: 70px;
left: 50%;
margin-left: -260px;
text-align: right;
color: #ffffff;
font-size: 26px;
}

a:link {
color: #145989;
text-decoration: none;
}

a:visited {
color: #145989;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;
}

a:active {
color: #145989;
text-decoration: none;
}

#menu a:link {
color: #ffffff;
text-decoration: none;
}

#menu a:visited {
color: #ffffff;
text-decoration: none;
}

#menu a:hover {
color: #000000;
text-decoration: none;
}

#menu a:active {
color: #ffffff;
text-decoration: none;
}

/* Hide icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

h1 {
font-size: 14px;
font-weight: bold;
}
h2 {
font-size: 13px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}

div#column_middle td.infoBoxHeading {
padding-top: 10px; 
padding-bottom: 0px;
font-size: 15px;
font-weight: bold;
}

td.pageHeading {
padding: 0px;
font-size: 20px;
font-weight: bold;
}

div#navigation {
margin-top: 0px;
margin-bottom: 15px;
color: #000000;
}

div.side_column div.infobox {
position: relative;
width: 190px;
min-height: 109px;
margin: 0px 0px 10px 0px;
background: url(images/sidebar_middle.jpg) top center repeat-y;
}

div.side_column div.infobox_top {
z-index: 3;
position: absolute;
top: 0px;
width: 190px;
height: 77px;
background: url(images/sidebar_top.jpg) top center no-repeat;
}

div.side_column div.infobox_bottom {
z-index: 3;
position: absolute;
bottom: 0px;
width: 190px;
height: 31px;
background: url(images/sidebar_bottom.jpg) top center no-repeat;
}

div.side_column div.infobox_heading {
z-index: 4;
position: relative;
width: 150px;
height: 17px;
padding: 15px 10px 5px 10px;
margin: 0px 10px 0px 10px;
background: url(images/sidebar_heading.jpg) bottom center no-repeat;
color: #ffffff;
font-weight: bold;
}

div.side_column div.infobox_content {
z-index: 4;
position: relative;
width: 170px;
padding: 10px 10px 10px 10px;
}

div.side_column div.infobox_heading a:link {
color: #ffffff;
text-decoration: none;
}

div.side_column div.infobox_heading a:visited {
color: #ffffff;
text-decoration: none;
}

div.side_column div.infobox_heading a:hover {
color: #000000;
text-decoration: none;
}

div.side_column div.infobox_heading a:active {
color: #ffffff;
text-decoration: none;
}

div.side_column table.infoBox {
width: 170px;
overflow: hidden;
}

td.infoBoxHeading img, td.infoBoxHeading img {
display: none;
}

td.infoBoxHeading a img, td.infoBoxHeading a img {
display: inline;
}

div#column_middle td.infoBoxHeading {
padding: 0px 0px 10px 0px;
}

td.main textarea {
height: 200px; 
width: 370px;
}

Der Quelltext unserer Startseite

Code: Alles auswählen


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html $htmlparams>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<base href="http://oscommerce.iwslabor.de/gruppe11/">

<!-- start get_javascript(applicationtop2header) //-->

<!-- end get_javascript(applicationtop2header) //-->


<link rel="stylesheet" type="text/css" href="/gruppe11/includes/sts_templates/freeosc_061/freeoscommerce_061_stylesheet.css">

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen">

</head>

<body>

<div id="wrapper1">

  <div id="wrapper2">

    <div id="header_wrapper">

      <div id="header_top"></div>

      <div id="header_bottom"></div>

      <div id="menu">

        <span><a href="http://oscommerce.iwslabor.de/gruppe11/index.php?osCsid=240c65cafec0fd66fa01abac672899a7">Home</a></span>

        <span><a href="http://oscommerce.iwslabor.de/gruppe11/specials.php?osCsid=240c65cafec0fd66fa01abac672899a7">Angebote</a></span>

        <span><a href="http://oscommerce.iwslabor.de/gruppe11/account.php?osCsid=240c65cafec0fd66fa01abac672899a7">Ihr Konto</a></span>

        <span><a href="http://oscommerce.iwslabor.de/gruppe11/shopping_cart.php?osCsid=240c65cafec0fd66fa01abac672899a7">Warenkorb</a></span>

        <span><a href="http://oscommerce.iwslabor.de/gruppe11/checkout_shipping.php?osCsid=240c65cafec0fd66fa01abac672899a7">Kasse</a></span>

      </div>

    </div>

    <div id="wrapper3">

      <div class="side_column" id="column_left">

        
<!-- start categorybox //-->


<div class="infobox">

  <div class="infobox_heading">Kategorien<div style="float: right; position: relative; top: 2px;"></div></div>

  <div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><a href="http://oscommerce.iwslabor.de/gruppe11/index.php?cPath=21&osCsid=240c65cafec0fd66fa01abac672899a7">Schottland-></a>&nbsp;(14)<br><a href="http://oscommerce.iwslabor.de/gruppe11/index.php?cPath=22&osCsid=240c65cafec0fd66fa01abac672899a7">Irland</a>&nbsp;(5)<br><a href="http://oscommerce.iwslabor.de/gruppe11/index.php?cPath=23&osCsid=240c65cafec0fd66fa01abac672899a7">Amerika</a>&nbsp;(5)<br><a href="http://oscommerce.iwslabor.de/gruppe11/index.php?cPath=24&osCsid=240c65cafec0fd66fa01abac672899a7">International</a>&nbsp;(5)<br><a href="http://oscommerce.iwslabor.de/gruppe11/index.php?cPath=28&osCsid=240c65cafec0fd66fa01abac672899a7">Specials</a>&nbsp;(1)<br></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</div>

  <div class="infobox_top"></div>

  <div class="infobox_bottom"></div>

</div>            
<!-- end categorybox //-->


        
<!-- start manufacturerbox //-->


<div class="infobox">

  <div class="infobox_heading">Hersteller<div style="float: right; position: relative; top: 2px;"></div></div>

  <div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><form name="manufacturers" action="http://oscommerce.iwslabor.de/gruppe11/index.php" method="get"><select name="manufacturers_id" onChange="this.form.submit();" size="1" style="width: 100%"><option value="" SELECTED>Bitte w&auml;hlen</option><option value="18">Auchentoshan</option><option value="10">Ballantine's</option><option value="20">Balvenie</option><option value="17">Blanton's</option><option value="26">Bruichladdich</option><option value="19">Bulleit</option><option value="12">Bushmills</option><option value="14">Connemara</option><option value="24">Eddu</option><option value="22">Glenfarclas</option><option value="16">Glenkinchie</option><option value="15">Glenmorangie</option><option value="25">Mackmyra</option><option value="13">Old Pulteney</option><option value="11">Rattray</option><option value="23">Springbank</option><option value="21">Suntory</option></select><input type="hidden" name="osCsid" value="240c65cafec0fd66fa01abac672899a7"></form></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</div>

  <div class="infobox_top"></div>

  <div class="infobox_bottom"></div>

</div>            
<!-- end manufacturerbox //-->


        
<!-- start whatsnewbox //-->


<div class="infobox">

  <div class="infobox_heading">Neue Produkte<div style="float: right; position: relative; top: 2px;"><a href="http://oscommerce.iwslabor.de/gruppe11/products_new.php?osCsid=240c65cafec0fd66fa01abac672899a7"><img src="includes/sts_templates/freeosc_061/images/infobox/arrow_right.gif" border="0" alt="Zeige mehr" title=" Zeige mehr " width="14" height="10"></a></div></div>

  <div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=52&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/springbank1.png" border="0" alt="Springbank 12 Years, Single Campbeltown Malt" title=" Springbank 12 Years, Single Campbeltown Malt " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=52&osCsid=240c65cafec0fd66fa01abac672899a7">Springbank 12 Years, Single Campbeltown Malt</a><br>105,00EUR</td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</div>

  <div class="infobox_top"></div>

  <div class="infobox_bottom"></div>

</div>            
<!-- end whatsnewbox //-->


        
<!-- start cartbox //-->


<div class="infobox">
  <div class="infobox_heading"><a href="http://oscommerce.iwslabor.de/gruppe11/shopping_cart.php?osCsid=240c65cafec0fd66fa01abac672899a7">Warenkorb</a></div>
  <div class="infobox_content">
    <table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText">0 Produkte</td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>

    <div style="text-align: center;">
      <a href="http://oscommerce.iwslabor.de/gruppe11/shopping_cart.php?osCsid=240c65cafec0fd66fa01abac672899a7"><img src="includes/languages/german/images/buttons/button_view.gif" border="0" alt="IMAGE_BUTTON_VIEW" title=" IMAGE_BUTTON_VIEW "></a>      <a href="http://oscommerce.iwslabor.de/gruppe11/checkout_shipping.php?osCsid=240c65cafec0fd66fa01abac672899a7"><img src="includes/languages/german/images/buttons/button_checkout.gif" border="0" alt="Kasse" title=" Kasse " width="100" height="22"></a>    </div>
  </div>
  <div class="infobox_top"></div>
  <div class="infobox_bottom"></div>
</div>            
<!-- end cartbox //-->


      

      </div>

      <div id="column_middle">

        <div id="navigation">

          You are here: <a href="http://oscommerce.iwslabor.de" class="headerNavigation">Startseite</a> &raquo; <a href="http://oscommerce.iwslabor.de/gruppe11/index.php?osCsid=240c65cafec0fd66fa01abac672899a7" class="headerNavigation">Katalog</a> <br>

        </div>

        
<!-- start Default Content //-->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td class="pageHeading">Willkommen in der Whiskey Mall</td>
            <td class="pageHeading" align="right"><img src="images/table_background_default.gif" border="0" alt="Willkommen in der Whiskey Mall" title=" Willkommen in der Whiskey Mall " width="57" height="40"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
      </tr>
      <tr>
        <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td class="main">Herzlich Willkommen <span class="greetUser">Gast!</span> M&ouml;chten Sie sich <a href="http://oscommerce.iwslabor.de/gruppe11/login.php?osCsid=240c65cafec0fd66fa01abac672899a7"><u>anmelden</u></a>? Oder wollen Sie ein <a href="http://oscommerce.iwslabor.de/gruppe11/create_account.php?osCsid=240c65cafec0fd66fa01abac672899a7"><u>Kundenkonto</u></a> er&ouml;ffnen?</td>
          </tr>
          <tr>
            <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
          </tr>
          <tr>
            <td class="main"></td>
          </tr>
          <tr>
            <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
          </tr>
          <tr>
            <td><!-- new_products //-->

<table border="0" width="100%" cellspacing="0" cellpadding="2">
  <tr>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=57&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/samplezz.png" border="0" alt="Sample Abo" title=" Sample Abo " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=57&osCsid=240c65cafec0fd66fa01abac672899a7">Sample Abo</a><br>24,95EUR</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=56&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/Schwede 2.png" border="0" alt="Preludium:05" title=" Preludium:05 " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=56&osCsid=240c65cafec0fd66fa01abac672899a7">Preludium:05</a><br>72,95EUR</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=55&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/octomore.png" border="0" alt="Octomore / 2 _ 140, 5 Years, Single Islay Malt" title=" Octomore / 2 _ 140, 5 Years, Single Islay Malt " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=55&osCsid=240c65cafec0fd66fa01abac672899a7">Octomore / 2 _ 140, 5 Years, Single Islay Malt</a><br>119,90EUR</td>
  </tr>
  <tr>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=54&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/Schwede.png" border="0" alt="Preludium:04" title=" Preludium:04 " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=54&osCsid=240c65cafec0fd66fa01abac672899a7">Preludium:04</a><br>77,95EUR</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=53&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/Eddu 2.png" border="0" alt="Eddu Grey Rock Special Blend, Frankreich" title=" Eddu Grey Rock Special Blend, Frankreich " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=53&osCsid=240c65cafec0fd66fa01abac672899a7">Eddu Grey Rock Special Blend, Frankreich</a><br>35,95EUR</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=52&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/springbank1.png" border="0" alt="Springbank 12 Years, Single Campbeltown Malt" title=" Springbank 12 Years, Single Campbeltown Malt " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=52&osCsid=240c65cafec0fd66fa01abac672899a7">Springbank 12 Years, Single Campbeltown Malt</a><br>105,00EUR</td>
  </tr>
  <tr>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=51&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/Eddu.png" border="0" alt="Eddu Silver, Frankreich" title=" Eddu Silver, Frankreich " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=51&osCsid=240c65cafec0fd66fa01abac672899a7">Eddu Silver, Frankreich</a><br>38,95EUR</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=50&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/glenfarclas1.png" border="0" alt="Glenfarclas 25 Years, Single Speyside Malt" title=" Glenfarclas 25 Years, Single Speyside Malt " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=50&osCsid=240c65cafec0fd66fa01abac672899a7">Glenfarclas 25 Years, Single Speyside Malt</a><br>88,95EUR</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=49&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/glenfarclas.png" border="0" alt="Glenfarclas 17 Years, Single Speyside Malt" title=" Glenfarclas 17 Years, Single Speyside Malt " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=49&osCsid=240c65cafec0fd66fa01abac672899a7">Glenfarclas 17 Years, Single Speyside Malt</a><br>60,95EUR</td>
  </tr>
</table>
<!-- new_products_eof //-->
</td>
          </tr>
        </table></td>
      </tr>
    </table>
<!-- end Default Content //-->
 

      </div>

      <div class="side_column" id="column_right">

        
<!-- start specialbox //-->


<div class="infobox">

  <div class="infobox_heading">Angebote<div style="float: right; position: relative; top: 2px;"><a href="http://oscommerce.iwslabor.de/gruppe11/specials.php?osCsid=240c65cafec0fd66fa01abac672899a7"><img src="includes/sts_templates/freeosc_061/images/infobox/arrow_right.gif" border="0" alt="Zeige mehr" title=" Zeige mehr " width="14" height="10"></a></div></div>

  <div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=40&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/s Gold.jpg" border="0" alt="Blanton's Gold" title=" Blanton's Gold " width="100" height="137"></a><br><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=40&osCsid=240c65cafec0fd66fa01abac672899a7">Blanton's Gold</a><br><s>52,95EUR</s><br><span class="productSpecialPrice">48,00EUR</span></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</div>

  <div class="infobox_top"></div>

  <div class="infobox_bottom"></div>

</div>            
<!-- end specialbox //-->


        
<!-- start searchbox //-->


<div class="infobox">

  <div class="infobox_heading">Schnellsuche<div style="float: right; position: relative; top: 2px;"></div></div>

  <div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><form name="quick_find" action="http://oscommerce.iwslabor.de/gruppe11/advanced_search_result.php" method="get"><input type="text" name="keywords" size="10" maxlength="30" style="width: 95px">&nbsp;<input type="hidden" name="osCsid" value="240c65cafec0fd66fa01abac672899a7"><input type="image" src="includes/languages/german/images/buttons/button_quick_find.gif" border="0" alt="Schnellsuche" title=" Schnellsuche "><br>Verwenden Sie Stichworte, um ein Produkt zu finden.<br><a href="http://oscommerce.iwslabor.de/gruppe11/advanced_search.php?osCsid=240c65cafec0fd66fa01abac672899a7"><b>erweiterte Suche</b></a></form></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</div>

  <div class="infobox_top"></div>

  <div class="infobox_bottom"></div>

</div>            
<!-- end searchbox //-->


        
<!-- start maninfobox //-->

<!-- end maninfobox //-->


        
<!-- start orderhistorybox //-->

<!-- end orderhistorybox //-->


        
<!-- start bestsellersbox_only //-->


<div class="infobox">

  <div class="infobox_heading">Bestseller<div style="float: right; position: relative; top: 2px;"></div></div>

  <div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><table border="0" width="100%" cellspacing="0" cellpadding="1"><tr><td class="infoBoxContents" valign="top">01.</td><td class="infoBoxContents"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=48&osCsid=240c65cafec0fd66fa01abac672899a7">Suntory Yamazaki 10 Years, Single Malt Whisky, Japan</a></td></tr><tr><td class="infoBoxContents" valign="top">02.</td><td class="infoBoxContents"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=40&osCsid=240c65cafec0fd66fa01abac672899a7">Blanton's Gold</a></td></tr><tr><td class="infoBoxContents" valign="top">03.</td><td class="infoBoxContents"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=44&osCsid=240c65cafec0fd66fa01abac672899a7">Bulleit Bourbon Frontier Whiskey</a></td></tr><tr><td class="infoBoxContents" valign="top">04.</td><td class="infoBoxContents"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=37&osCsid=240c65cafec0fd66fa01abac672899a7">Connemara 12 y.o. Peated Single Malt</a></td></tr><tr><td class="infoBoxContents" valign="top">05.</td><td class="infoBoxContents"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=36&osCsid=240c65cafec0fd66fa01abac672899a7">Connemara Peated Single Malt Cask Strength</a></td></tr><tr><td class="infoBoxContents" valign="top">06.</td><td class="infoBoxContents"><a href="http://oscommerce.iwslabor.de/gruppe11/product_info.php?products_id=49&osCsid=240c65cafec0fd66fa01abac672899a7">Glenfarclas 17 Years, Single Speyside Malt</a></td></tr></table></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</div>

  <div class="infobox_top"></div>

  <div class="infobox_bottom"></div>

</div>            
<!-- end bestsellersbox_only //-->


        
<!-- start reviewsbox //-->


<div class="infobox">

  <div class="infobox_heading">Bewertungen<div style="float: right; position: relative; top: 2px;"><a href="http://oscommerce.iwslabor.de/gruppe11/reviews.php?osCsid=240c65cafec0fd66fa01abac672899a7"><img src="includes/sts_templates/freeosc_061/images/infobox/arrow_right.gif" border="0" alt="Zeige mehr" title=" Zeige mehr " width="14" height="10"></a></div></div>

  <div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><div align="center"><a href="http://oscommerce.iwslabor.de/gruppe11/product_reviews_info.php?products_id=36&reviews_id=2&osCsid=240c65cafec0fd66fa01abac672899a7"><img src="images/Connemara Cask Strength.jpg" border="0" alt="Connemara Peated Single Malt Cask Strength" title=" Connemara Peated Single Malt Cask Strength " width="100" height="137"></a></div><a href="http://oscommerce.iwslabor.de/gruppe11/product_reviews_info.php?products_id=36&reviews_id=2&osCsid=240c65cafec0fd66fa01abac672899a7">Dieser Whisky mundet ausgezeichnet, und bei einem Gläschen v ..</a><br><div align="center"><img src="images/stars_4.gif" border="0" alt="4 von 5 Sternen!" title=" 4 von 5 Sternen! " width="59" height="11"></div></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</div>

  <div class="infobox_top"></div>

  <div class="infobox_bottom"></div>

</div>            
<!-- end reviewsbox //-->




      </div>

    </div>

    <div id="footer_wrapper">

      <div id="footer_top"></div>

      <div id="footer_bottom"></div>

      <div id="footer">
<p>
<a href="http://oscommerce.iwslabor.de/gruppe11/shipping.php" ><font color="white">Versandkosten</font></a>|
<a href="http://oscommerce.iwslabor.de/gruppe11/impressum.php" ><font color="white">Impressum</font></a>|
<a href="http://oscommerce.iwslabor.de/gruppe11/contact_us.php" ><font color="white">Kontakt</font></a>|
<a href="http://oscommerce.iwslabor.de/gruppe11/conditions.php" ><font color="white">AGB's</font></a>|
<a href="http://oscommerce.iwslabor.de/gruppe11/privacy.php" ><font color="white">Datenschutz</font></a>    
</p>
      </div>

    </div>

  </div>

  <div id="background_middle"></div>

  <div id="background_top"></div>

  <div id="background_bottom"></div>

</div>

<div id="website_name"></div>

</body>

</html>

http://img412.imageshack.us/i/unbenanntdsn.png/

hier mal der erste screenshot.. das weiße soll am ende alle elemente for allem den footer http://img703.imageshack.us/i/unbenannt2mw.png/ umfließen.... relativ logisch...die geschichte oben (whisky mall) haben wir heute eingefügt.

wäre kuhl wenn mir jemand bei der fehlersuche behilflich sein könnte. ich vermute sie entweder bei den "wrapper" angaben oder bei dem abschnitt div#background-top (beschreibt den eingefügten header)

liebe grüße,

andreas

Mithrandir

Fehlersuche ist mir zu aufwändig. Was sehr nützlich ist, ist die Firefox-Erweiterung Firebug. Damit kann man sehr gut die Struktur der Elemente untersuchen und auch live Veränderungen prüfen.

Der Bayer

Mithrandir » Mi 16. Feb 2011, 23:37 hat geschrieben:Fehlersuche ist mir zu aufwändig. Was sehr nützlich ist, ist die Firefox-Erweiterung Firebug. Damit kann man sehr gut die Struktur der Elemente untersuchen und auch live Veränderungen prüfen.

Opera, den Enigma anscheinend benutzt, besitzt etwas ähnliches, genannt Dragonfly. Da ich beides aber noch nicht benutzt habe, kann ich nicht sagen, was besser ist.

Shoogar

Mithrandir » Mi 16. Feb 2011, 23:37 hat geschrieben:Fehlersuche ist mir zu aufwändig. Was sehr nützlich ist, ist die Firefox-Erweiterung Firebug. Damit kann man sehr gut die Struktur der Elemente untersuchen und auch live Veränderungen prüfen.

Richtig.
Firebug ist eine gute Hilfe.

Aber wenigstens hätte man aus dem Code all das entfernen können, was (seiner Meinung nach) nicht in Betracht kommt.
Oder eine ansehnlichere Staffelung der Elemete durchführen können, die die verschiedenen Beendigungen der einzelnen Elemente " </div>" anschaulicher machen.

Reduziere mal alle Elemente, die einen ordentlichen "Abschluß" (sagt man so dazu?) haben heraus.
Möglicherweise liegt da der Hund begraben.

BTW: die verlinkten Pics sind identisch.
Ich konnte die 8 Fehler nicht finden.

Kibuka

Fehlersuche? Wer sich bei eBay oder Amazon umsieht, merkt, wie man Webseiten mit hunderten Fehlern außerordentlich erfolgreich betreibt.

Die Fehler müssen nur dazu führen das die Seite trotzdem auf allen Browsern gut aussieht.

Enigma · Beitrag von **Enigma** » Freitag 18. Februar 2011, 16:31

hat sich geklärt, wir haben den shop so präsentiert, dass er ohne fehler zu sehen war...die leute waren so begeistert, dass wir die vom prof (privat) ausgelobten 50€ abgesahnt haben

FelixKrull

btw: An deiner Stelle hätte ich einfach eure Headergrafik auf die gleiche Grösse wie die Ursprüngliche gebracht.

Enigma · Beitrag von **Enigma** » Samstag 19. Februar 2011, 10:36

FelixKrull » Fr 18. Feb 2011, 21:31 hat geschrieben:btw: An deiner Stelle hätte ich einfach eure Headergrafik auf die gleiche Grösse wie die Ursprüngliche gebracht.

hatten wir auch in der diskussion, das problem ist dass die ursprüngliche headergrafik zu klein ist, man hätte dann nicht erkannt was eigentlich unser biz ist . insgesamt war die headergrafik bei uns 369 px groß, ursprünglich 200 px davon wirklich nutzbar vielleicht 50 px weil der rest in der mitte weggeschnitten ist. genau da kommt nämlich die auswahlmenüleiste dann hin

HTML-Problem : Webshop

HTML-Problem : Webshop

Re: HTML-Problem : Webshop

Re: HTML-Problem : Webshop

Re: HTML-Problem : Webshop

Re: HTML-Problem : Webshop

Re: HTML-Problem : Webshop

Re: HTML-Problem : Webshop

Re: HTML-Problem : Webshop