florian: grafik ausrichten

hallo..
ich weiß leider nicht mehr weiter.
vielleicht kann mir ja jemand von euch
helfen?!
ich möchte gerne das eine grafik im unteren
frame ganz angrenzt zum oberen frame!
also an der obersten stelle des unteren frames.
(ich hoffe ihr könnt mir folgen.)
das kriege ich auch hin, doch nun möchte ich
unterhalb der eingesetzten grafik
eine weitere grafik als hintergrund plazieren.
diese kann nicht hexadezimal angegeben werden.
bislang habe ich es so versucht.

-----------------------------
<html>
<head>
<STYLE TYPE="text/css">
                
                body
                {
                        
                        background-image: url(oberste-grafik-im-unterem-frame.jpg);
                        background-repeat: no-repeat;
                }
                
                #absatz1
                {      
                
                        background-image: url(hintergrundbild.jpg);
                        
                }        
                </STYLE>

</head>
<body>
               <p id="absatz1"><image src="transparentes.gif" border="0" width=100%, height=100%>
               </p>

</body>
</html>
----------------------------

zu letzt habe ich versucht das hintergrundbild
in einen absatz zu "packen" welcher sich
über die gesamte höhe und breite des browser fensters
streckt.( das transparente.gif )width=100% height=100%
nur leider passt das alles nicht so wie ich es mir
vorstelle. es ist nie nahtlos.
ich benutze den ns browser, daher weiss ich auch nicht
wie es mit dem ie aussieht!
weiss jemand weiter?
flo

  1. Hallo Florian

    ich möchte gerne das eine grafik im unteren
    frame ganz angrenzt zum oberen frame!

    Als allererstes muss dazu mal in der Frameset-Definition stehen:

    <frameset rows="....." border="0" frameborder="0" framespacing="0">

    das kriege ich auch hin

    Ach so, naja, dann hast du die Antwort bis hierhin umsonst gelesen <g>.

    doch nun möchte ich nterhalb der eingesetzten grafik eine weitere grafik als hintergrund plazieren.

    Ich denke, das ist ein typischer Fall fuer die Layer-Technik. Um fuer beide Browser kompatibel zu arbeiten, solltest du zwei div-Bereiche absolut positionieren, und zwar an der gleichen Stelle, wobei der obere der beiden nichts anderes als eine Grafikreferenz mit einem transparenten GIF enthaelt. Etwa so:

    <div style="position:absolute; top:0px; left;0px;">
    Hier irgendein Inhalt
    </div>
    <div style="position:absolute; top:0px; left;0px;">
    <img src="transparent.gif">
    </div>

    Das alles geht aber nur, wenn du mit transparenten Grafiken, also einem GIF arbeitest. Deckende JPEG-Grafiken ueberlappen sich nun mal, da ist nichts zu machen.

    viele Gruesse
      Stefan Muenz

    1. Hallo Florian

      ich möchte gerne das eine grafik im unteren
      frame ganz angrenzt zum oberen frame!

      Als allererstes muss dazu mal in der Frameset-Definition stehen:

      <frameset rows="....." border="0" frameborder="0" framespacing="0">

      das kriege ich auch hin

      Ach so, naja, dann hast du die Antwort bis hierhin umsonst gelesen <g>.

      doch nun möchte ich nterhalb der eingesetzten grafik eine weitere grafik als hintergrund plazieren.

      Ich denke, das ist ein typischer Fall fuer die Layer-Technik. Um fuer beide Browser kompatibel zu arbeiten, solltest du zwei div-Bereiche absolut positionieren, und zwar an der gleichen Stelle, wobei der obere der beiden nichts anderes als eine Grafikreferenz mit einem transparenten GIF enthaelt. Etwa so:

      <div style="position:absolute; top:0px; left;0px;">
      Hier irgendein Inhalt
      </div>
      <div style="position:absolute; top:0px; left;0px;">
      <img src="transparent.gif">
      </div>

      Das alles geht aber nur, wenn du mit transparenten Grafiken, also einem GIF arbeitest. Deckende JPEG-Grafiken ueberlappen sich nun mal, da ist nichts zu machen.

      viele Gruesse
        Stefan Muenz

      vielen dank stefan für die hilfe!
      aber ich habe mich nun doch entschlossen
      den hintergrund in hex werten anzugeben. die farben harmonieren auf
      den gängigsten browsern!!!