Tabellen-Layout hat unten einen Rand, der wegsoll!

Status
Nicht offen für weitere Antworten.

tribunmaster

Mitglied
Hallo

Habe nun mal versucht ne Seite mit Tabellen/Divs zu erstellen anstelle von Frames, nun isses so das des Layout schon fast feddisch ist, Ich allerdings am unteren Ende des Layouts immer nen kleinen Rand habe, der eigentlich nicht da sein dürfte, hier mal der Code:
Code:
<!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">
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.Stil2 {font-family: Tahoma}
.Stil5 {
	font-family: Tahoma;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.Stil21 {font-family: Tahoma; color: #FFFFFF; font-weight: bold; font-size: 11px; }
a:link {
	text-decoration: none;
	color: #cccccc;
}
a:visited {
	text-decoration: none;
	color: #cccccc;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
}
.Stil25 {
	color: #00FF00;
	font-size: 11px;
}
.Stil27 {color: #FFFFFF}
.Stil28 {color: #FF0000}
.Stil35 {color: #00FF00}
.Stil37 {font-size: 11px}
.Stil38 {color: #FFFFFF; font-size: 11px; }
.Stil41 {font-family: Tahoma; font-size: 11px; }
-->
</style></head>

<body>
<div id="Layer1" style="position:absolute; width:821px; height:485px; z-index:1; top: -5px; left: 78px;">
  <table width="857" height="611" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="167" colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="855" height="167">
          <param name="movie" value="banner.swf">
          <param name="quality" value="high">
          <embed src="banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="855" height="167"></embed>
      </object></td>
    </tr>
    <tr>
      <td width="227" nowrap><img src="links%20neu.jpg" width="227" height="444" border="0">
          <div id="Layer4" style="position:absolute; width:207px; height:49px; z-index:2; left: 11px; top: 212px;">
            <table width="206" border="0" cellspacing="0" cellpadding="0">
              <tr class="Stil5">
                <td width="145"><div align="left" class="Stil37">
                    <div align="center"><span class="Stil2">bong vs <a href="http://www.blabluber.de" target="_blank">blabluber </a></span></div>
                </div></td>
                <td width="61"><div align="center" class="Stil25">
                    <div align="left">&nbsp;&nbsp;&nbsp; &nbsp;13 <span class="Stil27">: <span class="Stil28">11</span></span></div>
                </div></td>
              </tr>
              <tr class="Stil21">
                <td><div align="center"><span class="Stil41">bong vs <a href="http://www.blabluber.de" target="_blank">blabluber </a></span></div></td>
                <td width="61"><span class="Stil37">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="Stil35">13 </span></span><span class="Stil38">: <span class="Stil28">11</span></span>
                    <div align="left" class="Stil37"></div></td>
              </tr>
              <tr class="Stil21">
                <td><div align="center"><span class="Stil41">bong vs <a href="http://www.blabluber.de" target="_blank">blabluber </a></span></div></td>
                <td><span class="Stil37">&nbsp;&nbsp;&nbsp;&nbsp; <span class="Stil35">13 </span></span><span class="Stil38">: <span class="Stil28">11</span></span></td>
              </tr>
            </table>
        </div></td>
      <td width="630" nowrap><img src="mainframe-neu.jpg" width="628" height="444"  border="0">
          <div id="Layer2" class="Stil2" style="position:absolute; width:200px; height:17px; z-index:2; left: 419px; top: 183px;"></div></td>
    </tr>
    
          </tr>
  </table>
</div>
</body></html>

Hier mal die Seite zur veranschaulichung:
http://www.dance-factory-berlin.de/bong/index.htm

Meine 2. Frage wäre ob man das so hinkriegen kann, das der Inhalt der Seite zusammen geladen wird und nicht so nacheinander, wenn man da aufn Link klickt dann wird das alles nacheinander geladen und sieht relativ bescheiden aus, hoffe Ihr wisst was Ich mein.

Bin froh das Ich des als html Anfänger schon so weit allein hinbekommen habe, nur dafür fällt mir einfach keine Lösung ein, wäre super wenn mir da einer von euch weiterhelfen könnte.

greetz
Andre
 
Hallo!

Also bei mir gibt's da noch wesentlich mehr Ränder, und die sind alle unterschiedlich. Außerdem sitzt das alles nicht mittig...

Ich hab mal nen Screenie gemacht:
bong01.jpg


Um noch auf Deine Fragen zu kommen, zu 1 siehe Bild, zu 2, ich wüsste nicht, das man ohne kompliziertes Script da irgendetwas dagegen tun könnte. Inhalte werden nach dem laden in der Regel dargestellt.

Gruss Bud

PS: Sorry für das grosse Bild, aber ich wollte damit auch den Eindruck des 19'' Monitors rüberkriegen.
 
Ich habe die Seite nun mal neu gemacht und zwar mitn iframe, in welches der Inhalt jeder Seite geladen wird. In 1024 x 768 und Auflösungen dadrunter wird alles korrekt dargestellt, aber in Auflösungen darüber wird die ganze Seite nach links verzerrt und sitzt quasi nicht mehr mittig, Ich bin HTML Anfänger und bin schon froh das Ich die Seite so weit hinbekommen habe, nur für dieses Problem habe Ich nach nächtelanger Suche keine Lösung gefunden, Ich habe natürlich einiges gefunden wie bspw. das man mit % bei den Grössenangaben arbeiten soll, als Anfänger fehlt mir aber das nötige Grundlagenwissen für dieses spezifische Problem. Kann mir nicht wer erklären wie Ich das hinbekomme das die Seite in jeder auflösung ungefähr gleich auschaut und nicht verzerrt wird o.ä ?

Hier mal die aktuelle Seite
http://www.dance-factory-berlin.de/bong/index.htm

Daran scheiter Ich schon einige zeit, weswegen Ich meine bisherigen Seiten immer inem Poup erstellt habe, welches in jeder Auflösung gleich aussah, aber Ich wills ma ordentlich machen nur bräucht Ich da ne kleine Starthilfe in Form voner kurzen konkreten Erklärung wie Ich die Grössenangaben wo rein schreiben muss damits in jeder Auflösung gleich auschaut o.ä. Bitte erbarm sich einer und erklärts mir kurz, denn sonst krieg Ich das meiste schon zusammen um ne HP einigermaßen ordentlich zu basteln.

greetz
Andre
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück