Problem mit Tabelle

Status
Nicht offen für weitere Antworten.

skav

Mitglied
Hi Leute,
ich bin am verzweifeln !!!
Ich hab jetzt schon zum X-ten mal versucht dieses Bild (s. Anhang) so zu zerschneiden, dass es sich bei jeder belieben Fenstergröße des Browsers automatisch anpassst.
Dabei bin ich folgendermaßen vorgegangen:
1. Habe das Bild in Imageready zerschnitten und oben, unten, links und rechts 2px Loops eingefuegt die ich dann in html auf 100% gesetzt habe.
Meiner Meinung nach mach ich eigentlich alles richtig, es funktioniert auch soweit, nur dass dann auf einmal Grafikfehler auftreten ich ich nicht beheben kann.

Hier mal der Quelltext:
<TABLE WIDTH=50% HEIGHT=80% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=2>
<IMG SRC="Bilder/N_L_Top01.gif" WIDTH=181 HEIGHT=31 ALT=""></TD>
<TD BACKGROUND="Bilder/N_Loop_Top.gif" WIDTH=50% HEIGHT=14></TD>
<TD COLSPAN=2><IMG SRC="Bilder/N_L_Top02.gif" WIDTH=181 HEIGHT=31 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="Bilder/N_L_Left01.gif" WIDTH=11 HEIGHT=173 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=3 BGCOLOR="#FFFFFF" width="50%" height="80%">
<iframe src="home.html" WIDTH=100% HEIGHT=100% frameborder=0 name="main">
</iframe>
</TD>
<TD>
<IMG SRC="Bilder/N_R_Right01.gif" WIDTH=10 HEIGHT=173 ALT=""></TD>
</TR>
<TR>
<TD BACKGROUND="Bilder/N_L_Loop.gif" WIDTH=11 HEIGHT=80%></TD>
<TD BACKGROUND="Bilder/N_R-_Loop.gif" WIDTH=10 HEIGHT=80%></TD>
</TR>
<TR>
<TD><IMG SRC="Bilder/N_L_Left02.gif" WIDTH=11 HEIGHT=190 ALT=""></TD>
<TD><IMG SRC="Bilder/N_R-_Right02.gif" WIDTH=10 HEIGHT=190 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG SRC="Bilder/N_L_Bottom01.gif" WIDTH=181 HEIGHT=14 ALT=""></TD>
<TD BACKGROUND="Bilder/N_Loop_Bottom.gif" WIDTH=50% HEIGHT=14></TD>
<TD COLSPAN=2><IMG SRC="Bilder/N_L_Bottom02.gif" WIDTH=181 HEIGHT=14 ALT=""></TD>
</TR>
<TR>
<TD><IMG SRC="Bilder/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="Bilder/spacer.gif" WIDTH=170 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="Bilder/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="Bilder/spacer.gif" WIDTH=171 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="Bilder/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>


Bitte helft mir ich komm einfahc nicht weiter und finde meinen Fehler nicht

Danke und Gruss
Skav
 

Anhänge

  • table.jpg
    table.jpg
    2,7 KB · Aufrufe: 60
TD COLSPAN=3 ROWSPAN=3 BGCOLOR="#FFFFFF" width="50%" height="80%">

ich glaub hier liegt das Problem. gib ihm pixelgenaue Angaben!! keine Prozent. also width und height des bildes das da in der Mitte mal drin war auf den "TD"-Tag übertragen! ;)
 
hm, hoschi daran liegt das nicht...
da soll ja später der inhalt rein und der soll sich ja auch komplett der hoehe und weite anpassen deswegen width=50% und height=80% und dann kommt das iframe was komplett da reinpassen soll von daher beides 100%

mfg
jan
 
kann man sich das irgendwo ansehen? mir würde es helfen dir zu helfen wenn ich den grafikfehler sehen könnte :)
 
Code:
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="Bilder/Content_Topic.gif" WIDTH=109 HEIGHT=32 ALT=""></TD>
		
    <TD COLSPAN=2 Background=="Bilder/Content_Loop.gif" WIDTH=100% HEIGHT=32><img src="Bilder/Content_Loop.gif" width="12" height="32"> 
    </TD>
		<TD COLSPAN=2>
			<IMG SRC="Bilder/Content_Desc.gif" WIDTH=73 HEIGHT=32 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/Content_Left01.gif" WIDTH=11 HEIGHT=68 ALT=""></TD>
		<TD COLSPAN=5 ROWSPAN=3 bgcolor="#FFFFFF" width="100%" height="100%">
		</TD>
		<TD>
			<IMG SRC="Bilder/Content_Right01.gif" WIDTH=8 HEIGHT=68 ALT=""></TD>
	</TR>
	<TR>
		<TD Background="Bilder/Content_LeftLoop.gif" WIDTH=11 HEIGHT=100%>
		</TD>
		<TD Background="Bilder/Content_RightLoop.gif" WIDTH=8 HEIGHT=100%>
		</TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/Content_Left02.gif" WIDTH=11 HEIGHT=70 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/Content_Right02.gif" WIDTH=8 HEIGHT=70 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=2>
			<IMG SRC="Bilder/Content_Bottom01.gif" WIDTH=106 HEIGHT=14 ALT=""></TD>
		<TD COLSPAN=2 Background="Bilder/Content_BottomLoop.gif" WIDTH=100% HEIGHT=14>
		</TD>
		<TD COLSPAN=3>
			<IMG SRC="Bilder/Content_Bottom02.gif" WIDTH=75 HEIGHT=14 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=95 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=3 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=2 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
	</TR>
</TABLE>

;)
 
???
jetzt sag nicht bei dir funktionierts...
bei mir nämlich nicht :/

was hast du denn verändert ausser beim table die weite und hoehe wegzunehmen?

gruss
jan
 
so jetzt aber ;)
Code:
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 width="195">
  <TR>
		<TD COLSPAN=3 width="109" height="32">
			<IMG SRC="Bilder/Content_Topic.gif" WIDTH=109 HEIGHT=32 ALT=""></TD>
		
    <TD COLSPAN=2 background="Bilder/Content_Loop.gif" WIDTH=12 HEIGHT=32>&nbsp;
    </TD>
		<TD COLSPAN=2>
			<IMG SRC="Bilder/Content_Desc.gif" WIDTH=73 HEIGHT=32 ALT=""></TD>
	</TR>
	<TR>
		
    <TD width="11"> <IMG SRC="Bilder/Content_Left01.gif" WIDTH=11 HEIGHT=68 ALT=""></TD>
		
    <TD COLSPAN=5 ROWSPAN=3></TD>
		
    <TD width="8"> <IMG SRC="Bilder/Content_Right01.gif" WIDTH=8 HEIGHT=68 ALT=""></TD>
	</TR>
	<TR>
		<TD Background="Bilder/Content_LeftLoop.gif" WIDTH=11 HEIGHT=100%>
		</TD>
		<TD Background="Bilder/Content_RightLoop.gif" WIDTH=8 HEIGHT=100%>
		</TD>
	</TR>
	<TR>
		
    <TD width="11"> <IMG SRC="Bilder/Content_Left02.gif" WIDTH=11 HEIGHT=70 ALT=""></TD>
		
    <TD width="8"> <IMG SRC="Bilder/Content_Right02.gif" WIDTH=8 HEIGHT=70 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=2>
			<IMG SRC="Bilder/Content_Bottom01.gif" WIDTH=106 HEIGHT=14 ALT=""></TD>
		<TD COLSPAN=2 Background="Bilder/Content_BottomLoop.gif">
		</TD>
		<TD COLSPAN=3>
			<IMG SRC="Bilder/Content_Bottom02.gif" WIDTH=75 HEIGHT=14 ALT=""></TD>
	</TR>
	<TR>
		
    <TD width="11"> <IMG SRC="Bilder/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		
    <TD width="95"> <IMG SRC="Bilder/spacer.gif" WIDTH=95 HEIGHT=1 ALT=""></TD>
		
    <TD width="3"> <IMG SRC="Bilder/spacer.gif" WIDTH=3 HEIGHT=1 ALT=""></TD>
		
    <TD width="11"> <IMG SRC="Bilder/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
		
    <TD width="2"> <IMG SRC="Bilder/spacer.gif" WIDTH=2 HEIGHT=1 ALT=""></TD>
		
    <TD width="65"> <IMG SRC="Bilder/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
		
    <TD width="8"> <IMG SRC="Bilder/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
	</TR>
</TABLE>
 
Status
Nicht offen für weitere Antworten.
Zurück