Beiträge von thilda

thilda

Ich hab dir hier mal was hingeschummel. Bei mir im IE6.0.28 schauts ganz ok aus.
Musst du dann natürlich noch NUR für IE machen...

Code

<div class="subnavi">
<ul  style="  width:200px; ">
<li style="  height:3px; [COLOR=Red]background: url(http://pion.pixelbash.de/Bilder/subnavi_20.gif) no-repeat [B][COLOR=SeaGreen]left bottom[/COLOR][/B][/COLOR];"></li>
<li style="  background-image:url(http://pion.pixelbash.de/Bilder/subnavi_23.png);">dasaadsasas</li>
<li style="  [B][COLOR=SeaGreen]line-height: 3px; font-size: 2px;[/COLOR][/B] height:3px; background-image:url(http://pion.pixelbash.de/Bilder/subnavi_29.gif); background-repeat:no-repeat;">[B][COLOR=SeaGreen]&nbsp;[/COLOR][/B]</li>
<li style=" background-image:url(http://pion.pixelbash.de/Bilder/subnavi_27.gif);">dasaadsasas</li>
<li style="  [B][COLOR=SeaGreen]line-height: 3px; font-size: 2px;[/COLOR][/B] height:3px; background-image:url(http://pion.pixelbash.de/Bilder/subnavi_29.gif);background-repeat:no-repeat;">[B][COLOR=SeaGreen]&nbsp;[/COLOR][/B]</li>
<li style="  background-image:url(http://pion.pixelbash.de/Bilder/subnavi_27.gif);">dasaadsasas</li>
<li style="  height:5px; background-image:url(http://pion.pixelbash.de/Bilder/d.gif);background-repeat:no-repeat;"></li>
</ul>
</div>

Alles anzeigen

thilda

Hmmm, also das Formular finde ich nicht mehr. Es war aber vor ein paar Tagen noch auf der Startseite...

Zur allg. farbwahl. Es gibt auch wunderschöne pasteltöne/mischfarben.
So könnte man sicher mit einem beige hintergrund oder einem leichten grau schon mehr machen. Wenn die Farben halt etwas weniger knallig sind ist das besser fürs Auge. Einfach ein wenig "dunkler" anmischen. Manchmal machen da kleine Unterschiede schon viel her.

thilda

So, ich habe ein Lösung gefunden die mich fast zufrieden stellt.
Das einziege Problem was ich jetzt noch habe ist, das bei zu kleinem Fenster die 2. Tabelle nicht ganz rechts anliegt.

Hier einfach mal der Code:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<title> Stu Nicholls | CSSplay | CSS scrolling tables</title>
<meta name="Author" content="Stu Nicholls">
<meta name="Keywords" content= "cssplay, css, play, Cascading, Style, Sheets, experiments, demonstrations, table, scrolling, information, cells" />
<meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="cache-control" content="no-cache">




<style type="text/css">
* {
   border: 0;
   margin: 0;
   padding: 0;
}
table tr { text-align: center;}
   html, body {
      background: #eee url(img/menu.png) no-repeat fixed 5px -230px;/*url(img/all.png)*/
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica;
      font-size: 12px;
      color: #000;
      overflow: hidden;
   }
   #inhalt {
      xborder: 1px solid red;
      position: absolute;
      top: 120px;
      left: 17em;
      right: 0;
      bottom: 25px;
      margin: 0;
      padding: 0;
      overflow: auto;
   }
thead {
position: relative;
top: 0;
left: 0;
min-width: 50em;
max-width: 100%;
height: 5em;
margin: 0;
padding: 0;
}
.tableone {
   margin: 0;
   padding: 0;
   width: 100%;
   background: #697210;
   color: #fff;
}
.tabletwo {
   xborder: 3px solid green;
   margin: 0;
   padding: 0 0 3em 0;
}
.tableone td, .tableone thead th {
   color: #fff;
}
.tableone tbody {
   color: #000;
}
.tabletwo td {
   background: #eee;
   color: #000;
}
.tabletwo tr.dk td {
   background: #ddd;
   color: #000;
}
#gebaeude_bauen {
   xdisplay: block;
   position: absolute;
   top: 6em;
   bottom: 0;
   max-width: 100%;
   min-width: 50em;
   overflow: auto;
   margin: 0;
   padding: 0;
}




tbody th, tbody td {
   xborder: 1px solid red;
   width: 10em;
}
.xxx {
border: 1px solid red;
}
</style>
</head>


<body>
<div id="inhalt">
    <table class="tableone">
      <thead>
      <tr class="kategorie">
      <th>Arbeiter</th>
      <th>verfügbare Arbeitskräfte</th>
      <th>Energie</th>
      <th>Eisen</th>
      <th>Silizium</th>
      <th>Kohlenstoff</th>
      <th>Wasser</th>
      <th>Sauerstoff</th>
      <th>Wasserstoff</th>
      <th>Lagerstand</th>
   </tr>
   <tr>
      <td>30.000</td>
      <td>261</td>
      <td>35.587</td>
      <td>17.548.000.000</td>
      <td>19.824</td>
      <td>6.540</td>
      <td>654</td>
      <td>987</td>
      <td>98.785</td>
      <td>67 %</td>
   </tr>
         <tr>
            <td colspan="10"><h1>Gebäude errichten auf Planet "Kolonie 1" (555:555:A)</h1></td>
         </tr>
</thead>


<tbody>
   <tr>
      <td colspan="10">
      <div id="gebaeude_bauen">


         <table class="tabletwo">
         <tr class="kategorie">
            <th colspan="9">Gebäude</th>
         </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td><span class="fehler_res">300</span></td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie haben leider nicht genügend Rohstoffe um dieses Gebäude auszubauen.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie können dieses Gebäude nicht ausbauen, da Sie nach dem Ausbau nicht mehr ausreichend Energie für ein Wohngebäude und nicht mehr ausreichend freie Bevölkerung für einen Solarpark haben.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>
            </table>
         </div>
         </td></tr>
      </tbody>
    </table>
</div>
</body>
</html>

Alles anzeigen

Ansonsten hatte ich auch noch eine andere Lösung in der der Taballenkopf nie mitscrollt und halt nur bis zu einer bestimmten breite sichtbar ist... was mich aber nicht 100% zufrieden stellt aber erstmal besser funktioniert : )

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<title> Stu Nicholls | CSSplay | CSS scrolling tables</title>
<meta name="Author" content="Stu Nicholls">
<meta name="Keywords" content= "cssplay, css, play, Cascading, Style, Sheets, experiments, demonstrations, table, scrolling, information, cells">
<meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="cache-control" content="no-cache">




<style type="text/css">
* {
   border: 0;
   margin: 0;
   padding: 0;
}
table tr { text-align: center;}
   html, body {
      background: #eee url(img/menu.png) no-repeat fixed 5px -230px;/*url(img/all.png)*/
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica;
      font-size: 12px;
      color: #000;
      overflow: hidden;
   }
   #inhalt {
      xborder: 1px solid red;
      position: absolute;
      top: 120px;
      left: 17em;
      right: 0;
      bottom: 25px;
      margin: 0;
      padding: 0;
      overflow: hidden;
   }
thead {
height: 5em;
margin: 0;
padding: 0;
}
.tableone {
   margin: 0;
   padding: 0;
   width: 100%;
   background: #697210;
   color: #fff;
}
.tabletwo {
   xborder: 3px solid green;
   margin: 0;
   padding: 0 0 3em 0;
}
.tableone td, .tableone thead th {
   color: #fff;
}
.tableone tbody {
   color: #000;
}
.tabletwo td {
   background: #eee;
   color: #000;
}
.tabletwo tr.dk td {
   background: #ddd;
   color: #000;
}
#gebaeude_bauen {
   display: block;
   position: absolute;
   top: 6em;
   bottom: 0;
   width: 100%;
   overflow: auto;
   margin: 0;
   padding: 0;
}
thead {
   white-space:nowrap;
}
</style>
</head>


<body>
<div id="inhalt">
    <table class="tableone">
      <thead>
      <tr class="kategorie">
      <th>Arbeiter</th>
      <th>verfügbare Arbeitskräfte</th>
      <th>Energie</th>
      <th>Eisen</th>
      <th>Silizium</th>
      <th>Kohlenstoff</th>
      <th>Wasser</th>
      <th>Sauerstoff</th>
      <th>Wasserstoff</th>
      <th>Lagerstand</th>
   </tr>
   <tr>
      <td>30.000</td>
      <td>261</td>
      <td>35.587</td>
      <td>17.548.000.000</td>
      <td>19.824</td>
      <td>6.540</td>
      <td>654</td>
      <td>987</td>
      <td>98.785</td>
      <td>67 %</td>
   </tr>
         <tr>
            <td colspan="10"><h1>Gebäude errichten auf Planet "Kolonie 1" (555:555:A)</h1></td>
         </tr>
</thead>


<tbody>
   <tr>
      <td colspan="10">
      <div id="gebaeude_bauen">


         <table class="tabletwo">
         <tr class="kategorie">
            <th colspan="9">Gebäude</th>
         </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
      <td>111</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td><span class="fehler_res">300</span></td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie haben leider nicht genügend Rohstoffe um dieses Gebäude auszubauen.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie können dieses Gebäude nicht ausbauen, da Sie nach dem Ausbau nicht mehr ausreichend Energie für ein Wohngebäude und nicht mehr ausreichend freie Bevölkerung für einen Solarpark haben.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>
            </table>
         </div>
         </td></tr>
      </tbody>
    </table>
</div>
</body>
</html>

Alles anzeigen

thilda

Unter der Kategorie "sonstige Homepage Themen" gibt es einen Thread der ein paar CMS behandelt. Vielleicht lohnt sich da mal ein Blick.

thilda

Wenn du ein Templatesystem benutzt kannst du das recht einfach machen.

Da ja bei jedem aufruf einer seite abgefragt wird ob es die Seite gibt kannst du wenn es sie nicht gibt einfach die Startseite wieder aufrufen lassen.

thilda

Das ist immer so wenn man den Quellcode per hand eingibt.
Kam aber auch schonmal hier im Forum vor.

Da es nur eine Warnung ist, ist es auch egal.

Zitat

If you notice a discrepancy in detected character encoding between the the “Direct Input” mode and other validator modes, this is likely to be the reason. It is neither a bug in the validator, nor in your document.

thilda

Seine Sonderzeichen unter der Kategorie "Forum" sind nicht lesbar.
Ansonsten finde ich es teilweise immernoch etwas zuuu grell. Als Bsp dient da das Formular ganz gut.

Es macht aber vom Gesamteindruck auf jeden fall schon sehr viel mehr her als das letzte mal das ich es angeschaut habe.
Sehr schön.

thilda

Nein, da die ganze Seite durchgegangen wird, wird das Script schon gleich ausgeführt wenn die Seite geladen wird.

Wo du es nun wirklich hintust ist im endeffekt egal. sobald der Server/Browser an der Stelle vorbeikommt wird es ausgeführt.

thilda

Das mit der Höhe muss ich mir mal noch durch den Kopf gehen lassen. Vielleicht finde ich dafür noch eine Lösung. Was mich aber am meisten derzeit ärgert ist das das scrollen durch das overflow: hidden; in #inhalt für die obere (fixe) Tabelle verhindert wird.
Hast du da vielleicht eine Idee wie das gelöst werden kann, bzw woran das liegt?

thilda

Vielleicht ist der Fehler ja ein paar Zeilen darüber. Was steht denn da so?

thilda

Nun kann ich aber nicht darauf vertrauen ads jeder User JS an hat...
gibt es denn keine andere möglichkeit.
Ich habe schon versucht das ganze mal über position zu klären aber irgendwie zerschießt er mir dann das Layout, warum nur?

thilda

Ich habe mich auch heute nochmal probiert nur komme ich an ein paar stellen nicht mehr weiter...

Hier erstmal der Code

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
   <meta http-equiv="cache-control" content="no-cache">
      <link rel="stylesheet" href="layer.css" type="text/css" media="screen"><!--für Browser-->


   <title>Ihr Account Frau Musterman</title>


<style type="text/css">
<!--
   body {
      background: #eee url(img/menu.png) no-repeat fixed 5px -230px;/*url(img/all.png)*/
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica;
      font-size: 12px;
      color: #000;
      overflow: hidden;
   }
table tr td { text-align: center;}
#inhalt {
      border: 1px solid red;
      position: absolute;
      top: 120px;
      left: 17em;
      right: 0;
      bottom: 25px;
      margin: 0;
      padding: 0;
      overflow: hidden;
   }
   #container {
   border: 2px solid green;
      width: 100%;
   height: 70%;
      margin: 5em 0 0 0;
      padding: 0;
      overflow: auto;
   }
   #gebaeude_bauen {
   border: 2px solid orange;
      background: #ccc;
      min-width: 50em;
      margin: 0;
      padding: 0 0 3em 0;
   }
   table.blub {
   border: 1px solid yellow;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 5em;
      margin: 0;
      padding: 0;
   }
   #xgebaeude_bauen h1 { margin: 3em 0 0 0;}
-->
</style>
</head>
<body>
<div id="inhalt">
<div id="container">
<table class="blub">
<thead>
   <tr class="kategorie">
      <th>Arbeiter</th>
      <th>verfügbare Arbeitskräfte</th>
      <th>Energie</th>
      <th>Eisen</th>
      <th>Silizium</th>
      <th>Kohlenstoff</th>
      <th>Wasser</th>
      <th>Sauerstoff</th>
      <th>Wasserstoff</th>
      <th>Lagerstand</th>
   <tr>
   <tr>
      <td>30.000</td>
      <td>261</td>
      <td>35.587</td>
      <td>17.548</td>
      <td>19.824</td>
      <td>6.540</td>
      <td>654</td>
      <td>987</td>
      <td>98.785</td>
      <td>67 %</td>
   </tr>
</thead>
</table>
<div id="gebaeude_bauen">
<table>
<tr>
<td colspan="9"><h1>Gebäude errichten auf Planet "Kolonie 1" (555:555:A)</h1></td>
</tr>
   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td><span class="fehler_res">300</span></td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie haben leider nicht genügend Rohstoffe um dieses Gebäude auszubauen.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie können dieses Gebäude nicht ausbauen, da Sie nach dem Ausbau nicht mehr ausreichend Energie für ein Wohngebäude und nicht mehr ausreichend freie Bevölkerung für einen Solarpark haben.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>
</table>
</div>
         </div>
      </div>
</body>
</html>

Alles anzeigen

Jetzt kurz meine Problembeschreibung:
- Dem äußersten Container (#inhalt) habe ich ein overlfow: hidden; verpasst damit alles nur in diesem Bereich bleibt. jedoch verhindert das das scrollen der "festen" tabelle.
- die höhenzuordnung für den 2. container (#container) kann ich nicht richtig wählen. wenn ich den Wert auf 100% setze wird der Scrollbalken bei zu kleinem Fenster abgeschnitten und eine andere Angabe in px, em, pkt... ist nicht wirklich möglich da das div (#inhalt) sich an der fenstergröße orientiert.
---------------

Soviel erstmal zu meinen Problemen. Ich schau mir mal noch an was du mir schönes gezaubert hast yeti66.

thilda

Was soll denn deine Gallerie alles können?
Und was hast du zu Verfügung stehen?

So eine kleine Gallerie ist schnell selber gemacht, wenn man will.

thilda

Da wir leider immer noch etwas an ein ander vorbeireden hier mal ein Bsp was ich, durch neue Denkanstöße durch dich, gefunden habe.

fixer Tabellenkopf

Auf der Seite sagt mir Methode#1 sehr zu. Nur leider habe ich es nooch nicht hinbekomme das ganze für mich umzuschreiben.

thilda

Mein Bruder hat das ganze mal für mich so gelöst gehabt:

HTML

<acronym title="Haus der Kulturen der Welt">HKW</acronym>

Dann wurde das ganze per CSS noch etwas hergerichtet... Also der Mouszeiger war dann ein Fragezeichen, und alles war super. War total klasse.

thilda

Aber wie bekomme ich sie vertikal fixiert... das habe ich jetzt aus deiner Beschreibung nicht ganz verstanden.

thilda

Das Layout stimmt schonmal. Was mir aber halt das Kopfzerbrechen bereitet ist das die Tabelle wenn sie fix positioniert wird horizontal nicht mitläuft und dann inhalte bei zu kleinem Fenster verschwinden.

Da wir scheinbar anfangen etwas an einander vorbei zu reden... Hier mal das zu erschaffende Endprodukt
Klick mich

thilda

OK, entschhuldigung das ich mich leider etwas komisch ausgedrückt habe.
Ein neuer Versuch:

Der Bereich, soll wie im Bsp. gezeigt, auf der rechten Seite sein.
Und es befinden sich darüber ein weiterer für Werbung und Zeit, sowie darunter ein Bereich für Impressum, AGB und der gleichen.
Links ist über die ganze länge ein Menü.

Die beiden Divs, #inhalt und #container, benötige ich derzeit. Da somit ein fixer Bereich geschaffen wird. Sollte es jedoch eine weitere Möglichkeit geben, würde ich mich auch davon trennen.

Die Tabelle ganz oben soll vertikal immer fixiert sein. Horizontal jedoch soll sich mit dem Rest mitlaufen ohne einen eigenen Scrollbalken zu haben.

Der gesamte Bereich darf nur einen Scrollbalken Horizontal und einen Vertikal haben. Auch wenn das Browserfenster verkleinert wird.
----------

So, ich hoffe das nun alles abgedeckt wurde. Entschuldigung nochmals für die mangelhafe Beschreibung zuvor.
Deine Idee, Yeti66, war schonmal ein kleiner Lichtblick für mich. Nur leider hat es im nachhinein nicht den gewünschten Effekt gebracht.
Danke jedoch schonmal bis hierhin das du dich so reinkniest für mich.

Alles liebe
thilda

thilda

Wenn man schon nicht target=_blank benutzen soll, dann macht auch die JS version keinen Sinn. Denn auch so kann ich nicht selber entscheiden ob es ein neues Fenster wird oder nicht...
Deine Argumentation finde ich also etwas fadenscheinig.

thilda

Nach längerem probieren bin ich leider nicht zum gewünschten Erfolg gekommen : (

Das Problem ist das es zuviele Scrollbalken in dem Bsp von yeti gibt.
Ansonten ist es ein superansatz, den ich aber leider nicht umsetzen kann.
Vielleicht verstehe ich ja aber nur das System nicht : (

Beiträge von thilda

IE macht abstände bei LI

Candyholic - Die verrückte Welt der Süßigkeiten

vertikal Fixed, horizontal scrollbar

Suche CMS für ein Radio

Script das bei fehlenden Seiten auf die Hauptseite leitet

Hinweiß im validator, wie bekomme ich das korrekt

Candyholic - Die verrückte Welt der Süßigkeiten

script beachtung beim laden

vertikal Fixed, horizontal scrollbar

Problem beim auslesen von datum

vertikal Fixed, horizontal scrollbar

vertikal Fixed, horizontal scrollbar

Galerie

vertikal Fixed, horizontal scrollbar

Kleines Erklärungsfenster öffnen, geht das?

vertikal Fixed, horizontal scrollbar

vertikal Fixed, horizontal scrollbar

vertikal Fixed, horizontal scrollbar

problem mit Links

vertikal Fixed, horizontal scrollbar