Design kaputt !?!?!?

KriZ-MC · 11.12.2008

Hallo,

ich habe ein neues Design gemacht und "Programmiere" eigentlich jedes mal gleich... nur dieses mal ist irgendwie das Design kaputt und ich weiss echt nicht woran das liegen kann...

<---- So sah es mal aus

Das Design soll sich strecken wenn der Inhalt größer ist... und wenn halt weniger drin ist schrumpfen... aber nu sieht es so aus...

Hier der Code:

HTML:

<HTML>
<HEAD>
<TITLE>TierZimmer.de | Das Heim für Mensch und Tier !</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="EXPIRES" CONTENT="0">
<META NAME="RESOURCE-TYPE" CONTENT="DOCUMENT">
<META NAME="robots" CONTENT="index,follow">
<META NAME="language" CONTENT="de">
<META NAME="DISTRIBUTION" CONTENT="GLOBAL">
<META NAME="AUTHOR" CONTENT="TierZimmer.de - Das Heim für Mensch und Tier !">
<META NAME="COPYRIGHT" CONTENT="Copyright (c) 2007 by TierZimmer.de">
<META NAME="KEYWORDS" CONTENT="News, Internet, Download, Video, fotografie, forum, Rasen, Futter, Mensch, Kind, Baby, Leib, Huhn, Wölfe, Legu, Leguan, 50, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 15, Hase, Ostern, foto, treffpunkt, community, allgemein, zubehör, test, vergleich, tipps, tricks, hilfe, erklärung, fragen, antworten, suche, biete, kleinanzeigen, Bremen, Hamburg, Berlin. München, Weser, Bayern, Niedersachen, Weltweit, Globus, Tierwelt, Tier, Tiere, Zimmer, Kinder, Freude, Käfig, Zähne, Zahn, Krallen, Ohren, Knochen, Katzen, Hunde, Hund, Bären, Tieger, Löwen, Löwe. Mähne, Maus, Ratte, Katzenklo, Macht, Deutschland, Köln, Augen, Farben, Heu, Stroh, Häuschen, Häuser, Heim, Tierheim, Wasser, Fisch, Fische, Aquarium, Welpen, Krankheiten, etc, Liebe, Musik, galerie, fotowettbewerb,">
<META NAME="DESCRIPTION" CONTENT="TierZimmer.de - Das Heim für Mensch und Tier !">
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
<META NAME="REVISIT-AFTER" CONTENT="1 DAYS">
<META NAME="RATING" CONTENT="GENERAL">
</HEAD>
<BODY BGCOLOR=#FFFFFF link=#8B4513 vlink=#8B4513 alink=#8B4513 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<CENTER>
  <table marginwidth="0" marginheight="0" border="0" height="100%" style="height:100%"> 
    <tr> 
      <td style="vertical-align:top"><TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=7>
			<IMG SRC="Bilder/TierZimmerDesign-2_01.gif" WIDTH=906 HEIGHT=11 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=14>
			<IMG SRC="Bilder/TierZimmerDesign-2_02.gif" WIDTH=11 HEIGHT=557 ALT=""></TD>
		<TD COLSPAN=5>
			<IMG SRC="Bilder/header.gif" WIDTH=885 HEIGHT=159 ALT=""></TD>
		<TD ROWSPAN=14>
			<IMG SRC="Bilder/TierZimmerDesign-2_04.gif" WIDTH=10 HEIGHT=557 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=5>
			<IMG SRC="Bilder/TierZimmerDesign-2_05.gif" WIDTH=885 HEIGHT=17 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=12>
			<IMG SRC="Bilder/TierZimmerDesign-2_06.gif" WIDTH=17 HEIGHT=381 ALT=""></TD>
		<TD COLSPAN=3 style="background-image:url(Bilder/menu.gif);width:851;height:28;"><FONT COLOR=#108700 FACE=Tahoma SIZE=2>
<div style="overflow:auto;width:851;height:28"><CENTER>
<B><A HREF="index.php">Home</A> | 
<A HREF="news.php">News</A> | 
<A HREF="fotos.php">Fotos</A> | 
<A HREF="wettbewerbe.php">Wettbewerbe</A> | 
<A HREF="kontakt.php">Kontakt</A> | 
<A HREF="http://www.tierzimmer.de/forum/" TARGET="_BLANK">Forum</A> | 
<A HREF="chat.php">Chat</A> | 
<A HREF="newsletter.php">Newsletter</A></B>
</CENTER></div></TD>
		<TD ROWSPAN=11>
			<IMG SRC="Bilder/TierZimmerDesign-2_08.gif" WIDTH=17 HEIGHT=363 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=11>
			<IMG SRC="Bilder/TierZimmerDesign-2_09.gif" WIDTH=136 HEIGHT=353 ALT=""></TD>
		<TD style="background-image:url(Bilder/news.gif);width:590;height:17;"><FONT COLOR=#108700 FACE=Tahoma SIZE=1>
<div style="overflow:auto;width:590;height:17"><CENTER>
Bla Bla
</CENTER></div></TD>
		<TD ROWSPAN=11>
			<IMG SRC="Bilder/TierZimmerDesign-2_11.gif" WIDTH=125 HEIGHT=353 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/TierZimmerDesign-2_12.gif" WIDTH=590 HEIGHT=12 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/ibild.gif" WIDTH=590 HEIGHT=17 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/TierZimmerDesign-2_14.gif" WIDTH=590 HEIGHT=5 ALT=""></TD>
	</TR>
	<TR>

		<TD style="background-image:url(Bilder/inhalt.gif);width:590;"><FONT COLOR=#108700 FACE=Tahoma SIZE=2>
<div style="overflow:auto;width:590;"><CENTER>

</div></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/TierZimmerDesign-2_16.gif" WIDTH=590 HEIGHT=17 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/wbild.gif" WIDTH=590 HEIGHT=17 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/TierZimmerDesign-2_18.gif" WIDTH=590 HEIGHT=6 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/winhalt.gif" WIDTH=590 HEIGHT=113 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/TierZimmerDesign-2_20.gif" WIDTH=590 HEIGHT=17 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/footer.gif" WIDTH=590 HEIGHT=18 ALT=""></TD>
		<TD>
			<A HREF="http://www.KriZ-MuZik.com" TARGET="www.KriZ-MuZik.com"
				ONMOUSEOVER="window.status='www.KriZ-MuZik.com';  return true;"
				ONMOUSEOUT="window.status='';  return true;">
				<IMG SRC="Bilder/www.KriZ-MuZik.com.gif" WIDTH=17 HEIGHT=18 BORDER=0 ALT="www.KriZ-MuZik.com"></A></TD>
	</TR>
</TABLE>

</BODY>
</HTML>

Könnte mir da jemand helfen ? Die stelle mit dem "inhalt.gif" ist die stelle die das Design kaputt macht... warum auch immer

LG KriZ

tiroler · 11.12.2008

AW: Design kaputt !?!?!?

background-image:url(Bilder/inhalt.gif);width:590;">

abstände ?

muss so aussehen:
background-image: url(../images/bg.gif);

KriZ-MC · 11.12.2008

AW: Design kaputt !?!?!?

tiroler schrieb:
background-image:url(Bilder/inhalt.gif);width:590;">

abstände ?

muss so aussehen:
background-image: url(../images/bg.gif);

Geht immer noch nicht

Herr_D · 11.12.2008

AW: Design kaputt !?!?!?

tiroler schrieb:
background-image:url(Bilder/inhalt.gif);width:590;">

abstände ?

muss so aussehen:
background-image: url(../images/bg.gif);

der "Abstand" ist ne Weite und bezieht sich auf die td... ist also völlig in Ordnung...

Wahrscheinlich liegt es daran, dass den div's innerhalb der td keine Hintergründe zugeordnet sind... keine Zeit mehr zum Prüfen muß zur Schule

KriZ-MC · 11.12.2008

AW: Design kaputt !?!?!?

Herr_D schrieb:
der "Abstand" ist ne Weite und bezieht sich auf die td... ist also völlig in Ordnung...

Wahrscheinlich liegt es daran, dass den div's innerhalb der td keine Hintergründe zugeordnet sind... keine Zeit mehr zum Prüfen muß zur Schule

Wie meinst du das ?

TierZimmer.de | Das Heim für Mensch und Tier ! <--- Dort funzt das auch so... ich hab das doch einfach nur kopiert und die Größen angepasst... so wie ich das immer mach

Ich verstehs nicht

Meinst du mit Hintergründe die gifs ? Die sind alle angegeben... da hab ich nichts verändert...

LG KriZ

MainAngler · 11.12.2008

AW: Design kaputt !?!?!?

Erstmal wird mir schlecht, wenn ich schon Tabellen sehe.

Schau dir mal die Seite mit dem CSSViewer oder Firebug etc. in FF an!
Die Tabellen sind höher als die Bilder.

Top_Gun · 11.12.2008

AW: Design kaputt !?!?!?

Du musst die Breiten- und Höhenangaben anpassen... alleine wenn du dir das anschaust:

Code:

<TABLE [b]WIDTH=800[/b] BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD COLSPAN=7>
            <IMG SRC="Bilder/TierZimmerDesign-2_01.gif" [b]WIDTH=906[/b] HEIGHT=11 ALT=""></TD>
    </TR>

Da sieht man deutlich, dass da was nicht passen kann...

KriZ-MC · 11.12.2008

AW: Design kaputt !?!?!?

Ich habs

Ich musste das neu Slicen... hab die Grafiken die neben den Inhalt Grafiken waren auch als hintergrund gesetzt und als wiederholung... und jetzt geht es

TierZimmer.de | Das Heim für Mensch und Tier ! <--- Fertisch

LG

Lobster1956 · 12.12.2008

AW: Design kaputt !?!?!?

ich werde nie verstehen wieso für ein solches Layout eine Tabellenwüste herhalten muß...
5 div Boxen und ein klein wenig strukturelles HTML wie hx ul p etc.
und die webseite ist um ein vielfaches kleiner, besser pflegbar und nebenbei danken es einem auch die SuMas
außerdem sollte im Quellcode auch ein anständiger HTML Header mit doctype seinenPlatz finden
René

PS: und ohne Impressum ist's auch rechtlich bedenklich (Links mit der Überschrift Werbung sind ein Indiz für einen kommerziellen Zweck, und der beginnt beim ersten Cent)

jackprince · 12.12.2008

AW: Design kaputt !?!?!?

Das Desgin hast du doch glaub ich schonaml hier gepostet mit nem anderen fehler und wenn ich mich nicht täusche gabs sogar ein Posting was dir das ganze als Div-Layout
umsetzte.

Also meine Meinung nach ist das keine Webseite das ist ein Unfall ... wir habens 2008
da sollte man doch nun langsam verstanden haben das man webseiten nicht mehr
mit Tabellen als Layout Element baut.

just|my|²|cents