Beiträge von yeti66

yeti66

Du wirst schon mit einer festen #inhalt/Tabellenhöhe vorlieb nehmen müssen. Sonst wird das nichts. Der Browser brauch einen festen Wert zum rechnen. Einzige Möglichkeit wäre die Höhe des Fensters mit JS auszuloten und den Wert an #inhalt zu übergeben.

yeti66

Da hast Du nur eine Chance den robots.txt http://www.bjoernsworld.de/suchmaschinen/robots-txt.html. Inwieweit sich alle daran halten ist aber fraglich. Eine Website für Otto-Normal-User und für alle Suchmaschinen zu verstecken gibt es wohl. Aber Deine "Kunden" werden nur in der Lage sein Deine Website zu finden wenn sie ###***nee lieber nicht ist Insiderwissen***###. Die heutige PC-Presse druckt heute alles für eine gute Auflage und für jeden der denkt er wäre ein Hacker wenn er `ne Tastatur bedienen kann.

P.S.: zum Thema Passwort solltest Du selber googeln: http://hex.io/198l

yeti66

So ich habe den Entwurf mal auf Deine Seite hin adaptiert und auf das wesentliche gekürzt. Die Tabelle selbst ist vollständig außer Deine Klassen.Die mußt Du nochmal einpflegen.

HTML

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
*{ margin:0; padding:0;}
body{ background-color:#CCC;}
.outer {position:relative;padding:4em 0 3em 0;width:54em;background: #CCC;margin:0 auto 3em auto;}
.innera {overflow:auto;width:54em;height:40em;background:#CCC;}
.outer table caption {position:absolute;width:53em;text-align:center;top:0;left:0;height:1.5em;background:#697210;border:0.1em solid #fff;color:#fff;}
.outer thead tr {position:absolute;top:1.5em;height:1.5em;left:0;width:53em}
.outer tfoot td {position:absolute;width:51.5em;text-align:center;background:#f0c992;border:0.1em solid #000;color:#000;bottom:0;left:0;}
.outer th, .outer td {width:10em;text-align: center;}
.outer th, .braun{background:#724a10;color:#fff;}
.outer .dk {background:#fff;}
.green {background:#697210;color:#fff;}
-->
</style>
</head>
<body>
   <div class="outer">
  <div class="innera">
    <table>
      <caption>
      Gebäude errichten auf Planet &quot;Kolonie 1&quot; (555:555:A)
      </caption>
      <thead>
        <tr>
          <th scope="col">Bauzeit</th>
          <th scope="col">Bevölkerung</th>
          <th scope="col">Energie</th>
          <th scope="col">Eisen</th>
          <th scope="col">Silizium</th>
          <th scope="col">Kohlenstoff</th>
          <th scope="col">Wasser</th>
          <th scope="col">Sauerstoff</th>
          <th scope="col">Wasserstoff</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="5">Tabellefooter</td>
        </tr>
      </tfoot>
      <tbody>
        <tr class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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>
          <td colspan="9">Sie haben leider nicht genügend Rohstoffe um dieses Gebäude auszubauen.</td>
        </tr>
        <tr>
          <td colspan="9" class="green" >Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
          <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
        </tr>
        <tr>
          <td colspan="9" class="green">Gebäude</td>
        </tr>
        <tr class="braun">
          <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 class="dk">
          <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>
      </tbody>
    </table>
  </div>
</div>
</body>
</html>

Alles anzeigen

yeti66

Ahh, jetzt verstehe ich. Ja so ist das mit der Kommunikation. Heute Abend schaue ich es mir mal an und setze es um:D.

yeti66

:D:D:D:D

Zitat

Ich habe es endlich geschafft!

:D:D:D

Ich glaube ich hatte Dir 2 Kacheln begelegt mit allem drum und dran.
Wenn Du Dir selber ne Kachel erzeugen willst: http://www.stripegenerator.com/

yeti66

Ok. Dann kannst Du besser gleich :

Code

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/*reset styles end*/

...alles auf Standart setzen, damit alle Browser von einer Grundlinie aus starten. Besser isses.

yeti66

Ja, ok ist aber nichts neues. Ist halt nur ein Aufwärmer http://xlurl.de/

yeti66

Also ich habe keine Laufzeitumgebung für Ajax aber ich würde die Tabelle auch konsequenter Weise formatieren (z.B.: line-hight:2em;). Der reine HTML-Code verhält sich in der Anzeige im FF normal.

yeti66

Na da würde ich eher auf die Festplattenkonfiguration oder wenn die Festplatte allgemein neuerdings langsamer läuft auf Sektorenfehler tippen.
Der Software ist es doch ansonsten egal, wo es die Daten lädt.

yeti66

Na Du musst halt eine Datei mit der Endung .css (Texteditor - speichern unter - style.css - speichern)erzeugen, css Dateien hineinkopieren und anständig verlinken.

Und hier mit css-Datei

yeti66

Zitat von Reyes

Das Problem ist noch da. Also ich meinte wenn man die Seite "News" aufruft geht plötzlich ein Abstand auf und Textfeld und Navi verformen sich irgendwie

Upps, weil ich nur die index Seite bearbeitet habe. Wenn Du Deine css styles auf die news-Seite kopierst stimmt es wieder.:D
Mit einer zentralen css-Datei ist es aber eleganter

yeti66

Zitat von Reyes

Ich will mit margin haben dass sich alles eher in der mitte mit "leerem" Rand befindet

Es soll ja sein das Du möchtest das alles im "leeren" Raum steht. Es ist halt eine Frage der Umsetzung. Darüber was man erzielen möchte sollte man sich halt vorher im klaren sein. Mit einem Abstand nach oben

Code

body {background:url(grafik/stripe2.png) repeat 0 0;text-align:center; padding-top:50px;}

hast Du was Du möchtest.

yeti66

Ach ja,

Zitat

Sie können SELFHTML 8.1.2 als ZIP-Datei downloaden.

. Für alle mit schmalem Geldbeutel http://aktuell.de.selfhtml.org/extras/download.shtml

yeti66

..tja, wenn bei ihm google kaputt ist!?.:D

yeti66

Also wenn Du Tags öffnest mußt Du sie auch wieder schließen (<p></p> und der Zeilenumbruch unter XHTML strict wird so <br /> geschrieben). Wenn Du "floatest" und der nächste container die Eigenschaft nicht erben soll, muß "gecleart" werden (clear:both für alles z.B. siehe: http://www.css4you.de/clear.html).
Und hier der Code (nicht optimiert da sich jedes mal die Breite und margin: 0 auto; wiederholt.

HTML

<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml"  xml:lang="de"  lang="de">
<head>
<meta  http-equiv="Content-Type"  content="text/html; charset=iso-8859-1"  />
<title>Jugend</title>
<!-- <link rel="stylesheet" type="text/css" href="stylesheet.css" />-->
<style type="text/css">
<!--
* {margin:0px;padding:0;}
body {background:url(grafik/hinten.png) left top;text-align:center;}
#wrapper {width:1087px;margin: 0 auto;}
#header {width:1087px;background: url(grafik/header.gif) no-repeat;height:200px;margin: 0 auto;}
#navigation {width:1087px;background-image:url(grafik/navi.gif);height:20px;font-color:black;margin: 0 auto;}
#navigation ul {list-style-type: none;}
#navigation li {font-size: 18px;display: inline;line-height: 21px;}
#navigation a {color: #000000;text-decoration: none;padding: 0 50px;float: left;}
#navigation a:hover {background-image: url(grafik/hover.gif);text-decoration: none;background-position: 0 0;height:20px;}
#inhalt {clear:both;width:1087px;background-color:white;margin: 0 auto;}
h1{ padding:2em;}
#inhalt p{ padding:1em; text-align:left;}
-->
</style>
</head>
<body id="startseite">
<div id="header"> </div>
<div id="navigation">
  <ul>
    <li><a href="index.html">Startseite</a></li>
    <li><a href="galerie.html">Galerie</a></li>
    <li><a href="news.html">News</a></li>
  </ul>
</div>
<div id="schatten"> </div>
<div id="inhalt">
  <h1>Hier die &Uuml;berschrift</h1>
  <p> blalblablaqlbalblalbla <br />
    blalblablaqlbalblalbla <br />
    blalblablaqlbalblalbla <br />
    blalblablaqlbalblalbla</p>
</div>
</body>
</html>

Alles anzeigen

...und hier als Datei mit zwei zusätzlichen Hintergrundkacheln.

yeti66

Zwischenfrage: Was soll das werden? Ein Liquid-Layout o.ä. Das mit dem margin`s am Header ist Quark. Entweder eine %Angabe oder feste Breite.

yeti66

Ahh lustig, Moment bitte.

yeti66

No way! Ich glaube das tut sich hier keiner an. Außerdem halte ich es nicht für praktikabel. Was passiert mit Deinem Menu mit ausgeschaltetem JS.?

yeti66

...mit der anderen Platte kann ich nicht folgen. Aber codebase="Dein Pfad bzw. URL"

yeti66

Du mußt die Container floaten(navi-float:right und textfeld-float:left)

Beiträge von yeti66

vertikal Fixed, horizontal scrollbar

htpasswd Link mit parameter übergeben

vertikal Fixed, horizontal scrollbar

vertikal Fixed, horizontal scrollbar

Galerie

div Objekte brauchen extrem viel Platz im FF

Eur Meinung ist wichtig!

div Objekte brauchen extrem viel Platz im FF

Applet einbinden

Text verschiebt sich

Text verschiebt sich

Text verschiebt sich

Zentrierung

Zentrierung

Text verschiebt sich

Text verschiebt sich

Text verschiebt sich

Wie kann ich die Navigation für den IE > Version 5.0 anzeigen lassen

Applet einbinden

Textfeld neber Navigation