[CS4] - Websitetemplate größe ist falsch...

xxchucki · 29.01.2010

Hey ich habe ein Website template mit Photoshop CS4 gemacht...Slice tool etc... benutzt. Dann habe ich es als HTML und Bilder gespeichert. Wenn ich dies nun im Browser öffne hat es die falsche größe.

Größe in Pixel (Dokument) 1024 x 768

Wie kriege ich es hin das es alles bedeckt also nix weißes übrig lässt?

HTML CODE :

Code:

<html>
<head>
<title>Template by FridayNitro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Template by FridayNitro.psd) -->
<table id="Tabelle_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="14">
            <img src="Bilder/Template-by-FridayNitro_01.gif" width="1024" height="103" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="103" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Template-by-FridayNitro_02.gif" width="2" height="27" alt=""></td>
        <td colspan="13">
            <img src="Bilder/Template-by-FridayNitro_03.gif" width="1022" height="27" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="27" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="39">
            <img src="Bilder/Template-by-FridayNitro_04.gif" width="8" height="638" alt=""></td>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_05.gif" width="129" height="23" alt=""></td>
        <td rowspan="39">
            <img src="Bilder/Template-by-FridayNitro_06.gif" width="2" height="638" alt=""></td>
        <td rowspan="39">
            <img src="Bilder/Template-by-FridayNitro_07.gif" width="17" height="638" alt=""></td>
        <td colspan="2" rowspan="7">
            <img src="Bilder/Template-by-FridayNitro_08.gif" width="330" height="137" alt=""></td>
        <td rowspan="7">
            <img src="Bilder/Template-by-FridayNitro_09.gif" width="1" height="137" alt=""></td>
        <td colspan="2" rowspan="7">
            <img src="Bilder/Template-by-FridayNitro_10.gif" width="340" height="137" alt=""></td>
        <td colspan="3" rowspan="7">
            <img src="Bilder/Template-by-FridayNitro_11.gif" width="197" height="137" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_12.gif" width="129" height="19" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_13.gif" width="129" height="19" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_14.gif" width="129" height="21" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_15.gif" width="129" height="14" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="14" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_16.gif" width="129" height="23" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_17.gif" width="129" height="18" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_18.gif" width="129" height="22" alt=""></td>
        <td colspan="4" rowspan="5">
            <img src="Bilder/Template-by-FridayNitro_19.gif" width="332" height="95" alt=""></td>
        <td rowspan="5">
            <img src="Bilder/Template-by-FridayNitro_20.gif" width="339" height="95" alt=""></td>
        <td colspan="3">
            <img src="Bilder/Template-by-FridayNitro_21.gif" width="197" height="22" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_22.gif" width="129" height="20" alt=""></td>
        <td rowspan="8">
            <img src="Bilder/Template-by-FridayNitro_23.gif" width="19" height="127" alt=""></td>
        <td rowspan="7">
            <img src="Bilder/Template-by-FridayNitro_24.gif" width="167" height="120" alt=""></td>
        <td rowspan="7">
            <img src="Bilder/Template-by-FridayNitro_25.gif" width="11" height="120" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_26.gif" width="129" height="23" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_27.gif" width="129" height="23" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="Bilder/Template-by-FridayNitro_28.gif" width="129" height="25" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="7" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="10">
            <img src="Bilder/Template-by-FridayNitro_29.gif" width="332" height="150" alt=""></td>
        <td rowspan="10">
            <img src="Bilder/Template-by-FridayNitro_30.gif" width="339" height="150" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_31.gif" width="129" height="18" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img src="Bilder/Template-by-FridayNitro_32.gif" width="129" height="28" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="11" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_33.gif" width="178" height="7" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="7" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="13">
            <img src="Bilder/Template-by-FridayNitro_34.gif" width="197" height="203" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="10" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_35.gif" width="129" height="12" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_36.gif" width="129" height="23" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_37.gif" width="129" height="30" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_38.gif" width="129" height="14" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="14" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="Bilder/Template-by-FridayNitro_39.gif" width="129" height="20" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="7" alt=""></td>
    </tr>
    <tr>
        <td rowspan="17">
            <img src="Bilder/Template-by-FridayNitro_40.gif" width="1" height="256" alt=""></td>
        <td colspan="3" rowspan="10">
            <img src="Bilder/Template-by-FridayNitro_41.gif" width="331" height="145" alt=""></td>
        <td rowspan="10">
            <img src="Bilder/Template-by-FridayNitro_42.gif" width="339" height="145" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_43.gif" width="129" height="19" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_44.gif" width="129" height="23" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_45.gif" width="129" height="8" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="8" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Template-by-FridayNitro_46.gif" width="125" height="16" alt=""></td>
        <td>
            <img src="Bilder/Template-by-FridayNitro_47.gif" width="4" height="16" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_48.gif" width="129" height="13" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_49.gif" width="129" height="15" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_50.gif" width="129" height="13" alt=""></td>
        <td colspan="3" rowspan="10">
            <img src="Bilder/Template-by-FridayNitro_51.png" width="197" height="149" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Template-by-FridayNitro_52.gif" width="125" height="8" alt=""></td>
        <td>
            <img src="Bilder/Template-by-FridayNitro_53.gif" width="4" height="8" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="8" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="Bilder/Template-by-FridayNitro_54.gif" width="129" height="23" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2">
            <img src="Bilder/Template-by-FridayNitro_55.gif" width="331" height="15" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/Template-by-FridayNitro_56.gif" width="339" height="15" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="6" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_57.gif" width="129" height="9" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="9" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_58.gif" width="129" height="15" alt=""></td>
        <td colspan="3" rowspan="5">
            <img src="Bilder/Template-by-FridayNitro_59.gif" width="331" height="96" alt=""></td>
        <td rowspan="5">
            <img src="Bilder/Template-by-FridayNitro_60.gif" width="339" height="96" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_61.gif" width="129" height="15" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_62.gif" width="129" height="14" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="14" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_63.gif" width="129" height="22" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/Template-by-FridayNitro_64.gif" width="129" height="30" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="6" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="125" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="329" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="339" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="19" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="167" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Screenshot ist dabei :

hschmidt20 · 29.01.2010

AW: Websitetemplate größe ist falsch...

wenn ich die richtig verstanden habe statt
body bgcolor="#FFFFFF" body bgcolor="#000000"

MalusDarkblade · 29.01.2010

AW: Websitetemplate größe ist falsch...

also ich würde dir dringends raten dich mal mit CSS zu beschäftigen. mit tabellen macht das heutzutage keiner mehr.

Talassos · 29.01.2010

AW: Websitetemplate größe ist falsch...

stell mal border auf 1 und guck wo die tabelle herläuft ...

kann ja sein, dass der weiße bereich spalten sind, die du nicht nutzt aber deine tabelle wegdrücken ...

ansonsten bau die tabelle langsam auf ... nimm alles raus und fang oben mit dem header an ... wenn der auf 1024 liegt, kannste ja teilweise den code wieder einfügen und gucken ob und wann der fehler eintritt ...

FreddyX2 · 29.01.2010

AW: Websitetemplate größe ist falsch...

Code:

<head>
<title>Template by FridayNitro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
[B]
<style type="text/css">
{ padding: 0; margin: 0; }
</style>
[/B]
</head>

Ergänz Deinen Header mit dem dick geschriebenen. Vllt. hilft das.

xxchucki · 30.01.2010

AW: Websitetemplate größe ist falsch...

@hsschmidt hat nix gebracht
@Malus omg das ist mit Photoshop automatisch gemacht,außerdem kann ich css
@Talassos hat nichts gebracht
@Freddy thx hat funktioniert^^