grafik ausrichten
florian
- css
0 Stefan Muenz0 florian
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
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
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!!!