Antworten zum Thema „Hintergrund“

eXe · 26.10.2008

Hallo..

Hatte keine Ahnung welchen Titel ich da nehmen soll, deswegen einfach "Hintergrund"

Aaalso:
Habe ein Design und einen Hintergrund (seperat) mit Photoshop erstellt, gescliced als .html exportieren lassen und dann mit Dreamweaver weiter bearbeitet (Hintergrund halt hinzugefügt

)
Der Hauptteil ist etwa 600 Pixel hoch und 1000 breit...
Jetzt soll dieser Hauptteil genau in der Mitte des Bildschirms sein (egal bei welcher Auflösung man sich das anschaut)...
mit <style> table { margin: 0 auto; } </style> krieg ich den ja schonmal zumindest auf der x-Achse in die Mitte, jetzt fehlt aber 1. noch die Mitte auf der y-Achse und 2. (und jetzt kommt das größere Problem):
Der Hintergrund erscheint nicht -.-

Etwas verwirrend, ich weiß, wenns nicht ganz verständlich ist poste ich mal den HTML-Code...

Danke schonmal für alle Antworten

MfG eXe

cebylon · 26.10.2008

AW: Hintergrund

dann poste doch bitte mal die Internetversuche

eXe · 26.10.2008

AW: Hintergrund

Gut..

Code:

<html>
<head>
<title>page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
table {
    margin: 0 auto;
    background-attachment: fixed;
    background-image: url(Bilder/bg.png);
    background-repeat: repeat;
}
</style>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (page.psd) -->
<table id="Tabelle_01" width="1001" height="599" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="Bilder/index_01.png" width="145" height="22" alt=""></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_04.png" width="52" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_05.png" width="57" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_06.png" width="54" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_07.png" width="55" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_08.png" width="57" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_09.png" width="51" height="22" border="0" alt=""></a></td>
        <td colspan="4">
            <img src="Bilder/index_08.png" width="336" height="22" alt=""></td>
        <td colspan="2">
            <img src="Bilder/index_09.png" width="193" height="22" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="8">
            <img src="Bilder/index_10.png" width="500" height="63" alt=""></td>
        <td colspan="3">
            <a href="index.html">
                <img src="Bilder/page-v1.2_13.png" width="307" height="63" border="0" alt=""></a></td>
        <td colspan="2">
            <img src="Bilder/index_12.png" width="193" height="63" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="63" alt=""></td>
    </tr>
    <tr>
        <td colspan="9">
            <img src="Bilder/index_13.png" width="764" height="22" alt=""></td>
        <td colspan="4">
            <img src="Bilder/index_14.png" width="236" height="22" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="9">
            <img src="Bilder/index_15.png" width="764" height="35" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_16.png" width="34" height="298" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="Bilder/index_17.png" width="178" height="298" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_18.png" width="24" height="298" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
        <td colspan="9" rowspan="2">
            <img src="Bilder/index_19.png" width="764" height="424" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="263" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="Bilder/index_20.png" width="236" height="161" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="161" alt=""></td>
    </tr>
    <tr>
        <td colspan="13">
            <img src="Bilder/index_21.png" width="1000" height="32" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="145" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="52" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="54" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="55" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="51" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="29" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="264" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="34" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="169" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="24" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

eXe · 26.10.2008

AW: Hintergrund

Habe es noch nicht hochgeladen, ist aufm Rechner so...

Edit:
Ok, Hintergrund hingekriegt, habe gerade entdeckt, dass der Hintergrund im <style> Bereich unter table steht, also hat die Tabelle den Hintergrund

Habs den Hintergrund unter body geschrieben und so gehts..

Aber leider schaff ichs nicht den Teil auf der y-Achse in die Mitte zu stellen..
mit

Code:

<style>
table {    
    margin: auto;    
}
</style>

funktionierts leider auch nicht, ist dann immernoch nur auf der x-Achse mittig...

TheDon0Ne · 26.10.2008

AW: Hintergrund

ok das was du vorhast ist nicht ganz einfach zu realisieren und nicht jeder browser interpretiert es ordentlich aber gebe ihm zu verstehen das die seite eine breite und höhe von 100% hat. das machst du im css so

html {
width: 100%;
height: 100%;
}

und den rest solltest du hinbekommen

zur not probiere das auch mit dem body ich weiß nciht mehr ganz genau ob es html oder body war