• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Background in Div macht Probleme

Status
Für weitere Antworten geschlossen.

Faber Gang

Neues Mitglied
Hallo!

Ich habe ein kleines bzw. für mich ein großes Problem, im IE6 wird das Hintergrundbild mit background fixed richtig dargestellt, bloß wenn ich das ganze mit IE7 aufmach ist der Hintergrund überall bloß nicht da wo er sein sollte. Wenn er dann mal da ist, wo er sein sollte dann ist er nicht fixed d.h. der background bewegt sich beim scrollen.

HTML:
<html>
<head>


<style type="text/css">
<!--

#Layer1 {
    position:absolute;
    left:304px;
    top:53px;
    width:452px;
    height:458px;
    z-index:1;
    background-image: url(images/layout_05.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px
    background-attachment: fixed;
    overflow: auto;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (layout_slice.psd) -->
<div id="Layer1" style="background-attachment:fixed; ">
  <table width="100%" border="0">
    <tr>
      <th scope="col"><div align="left">3500 Leute bei Parkhaus Party (<a href="http://www.night-of-the-stars.de/index.html" target="_blank">Night of the Stars</a>) </div></th>
    </tr>
    <tr>
      <td scope="row">Was soll man zu so einer Party gro&szlig; schreiben? Wer nicht dabei war hat was vers&auml;umt, wenn sich mehr als 3500 Leute in einem Parkhaus tummeln und alle extrem gut drauf sind, da kann nur eine mega Party raus kommen. Bilder sprechen mehr als Worte also anschauen und n&auml;chstes Jahr dabei sein...</td>
    </tr>
  </table>
  <table width="100%" border="0">
    <tr>
      <th scope="col"><hr>
        <div align="left">Neues Layout </div></th>
    </tr>
    <tr>
      <td scope="row"><div align="left">
          <p>Die Zeit ist gekommen f&uuml;r ein neues Layout, das nicht mehr grau in grau gestalltet worden ist, sondern ein bisschen flippiger wie das Alte. <br />
             Die alten Partybilder werden vorerst nicht mehr  hier erscheinen, getreu dem Motto &quot;<em>Zeit um neues zu erleben</em>&quot; haben die hier nichts mehr verloren. Keine Angst die Bilder stehen mir immer noch zur Verf&uuml;gung und k&ouml;nnen jederzeit auf die Homepage gestellt werden. <br />
            Nat&uuml;rlich ist das jetzt vorhandene G&auml;stebuch in die Seite integriert worden mit Kommentar-Funktion. Um einen Kommentar zu hinterlassen, m&uuml;sst ihr auf dieses Bild d&uuml;rcken &gt;&gt; <img src="http://zefix.eu/entengb//img/edit.gif" width="18" height="13" />.<br />
            Das war nur ein kleiner Einblick in die neue Partypage. Kritik und Meinungen bez&uuml;glich der Homepage bitte ins G&auml;stebuch schreiben. <br />
            Mit der Zeit kommen noch einige interessante Sachen auf die Seite, also ein Besuch von Zeit zu Zeit lohnt sich auf alle f&auml;lle. <br />
            <br />
          Da die Seite noch im Aufbau ist, k&ouml;nnen einige Seiten noch nicht Funktionieren, wird aber demn&auml;chst behoben. </p>
        <p>In diesem Sinne... <br />
          ...der Sommer und das Partyjahr 2008 kann beginnen...</p>
      </div></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</div>
<table id="Table_01" width="801" height="650" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3" rowspan="3">
            <img src="images/layout_01.gif" width="304" height="149" alt=""></td>
        <td>
            <img src="images/layout_02.gif" alt="" width="452" height="29" border="0" usemap="#Map"></td>
        <td rowspan="6">
            <img src="images/layout_03.gif" width="44" height="650" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="29" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/layout_04.gif" width="452" height="24" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="24" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
          
        </td>
        <td>
            <img src="images/spacer.gif" width="1" height="96" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="images/layout_06.gif" width="33" height="501" alt=""></td>
        <td><strong>Next Party&acute;s</strong><br>
- 30.03 Isabella Geburtstag<br>
- Jeden Samstag Zinnober </td>
        <td rowspan="3">
            <img src="images/layout_08.gif" width="68" height="501" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="97" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/layout_09.gif" width="203" height="404" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="265" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/layout_10.gif" width="452" height="139" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="139" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->

<map name="Map">
  <area shape="rect" coords="0,9,48,28" href="news.html">
<area shape="rect" coords="60,8,113,29" href="about.html">
<area shape="rect" coords="129,9,196,28" href="partys.html">
<area shape="rect" coords="207,8,272,36" href="gallery.html">
<area shape="rect" coords="290,8,377,26" href="http://www.zefix.eu/entengb/" target="_blank">
<area shape="rect" coords="395,8,449,27" href="friends.html">
</map></body>
</html>

hier der link
Entenhausen Arrach die Partytruppe

im Firefox wird die Seite übrigends richtig dargestellt.

Ich hoffe von euch kann mir einer helfen.

Mfg
 
Die Fehlermeldungen kommen teilweise durch die fehlende Doctype-Angabe.
Der Rest durch veraltete Attribute.
Schreibe an den Anfang der Datei:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
Bei mir wird im IE6 sp1 und IE7 der Hintergrund zwar an der richtigen Stelle positioniert, jedoch nicht fixiert. Warum das so ist weiß ich nicht. Der Fehlende Doctype könnte ein Grund für dafür sein.

Wenn nicht, weise das background-image mal ohne fixed dem body zu:
Code:
#Layer1 {
    position:absolute;
    left:304px;
    top:53px;
    width:452px;
    height:458px;
    z-index:100;
    overflow: auto;
}

body {
    background-image : url(images/layout_05.gif);
    background-position : 304px 53px;
    background-repeat : no-repeat;
  }
 
Zuletzt bearbeitet:
erst mal danke an Premutos & neuroleptika

ich hab mal die codes eingefügt und jetzt wird es mir im ie6 mit nem horizontalen und vertikalen balken angezeigt und im ie7 ohne balken bzw. so lange nichts markiert ist, wenn ich im ie7 alles markiere dann hab ich auch beide balken da.
vielleicht hat da jemand noch ne lösung dafür?

background bleibt aber schön brav stehn und somit fixed :D

aber so wie es jetzt ist wird wenigstens keinem der kopf abgeschnitten beim scrollen ;)

mfg
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben