Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 29.03.2007 19:58
Titel position:absolute verschiebt sich bei anderer Auflösung |
|
|
HallO!
Wie der Titel schon sagt, verzieht sich ein Objekt auf meiner Website wenn die Auflösung anders ist.
Ich weiss wenn ich ein Objekt absolut positioniere, dass es immer an der selben Stelle steht, aber wie genau löse ich dieses Problem?
Die Suchmaschine hat leider nichts brauchbares ausgespuckt.
Vielen Dank im Voraus!
Gruß
BZL
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 29.03.2007 20:17
Titel
|
|
|
Was genau willst du erreichen? Wie schaut dein Quelltext & CSS aus?
Irgendwie muss man sich bei einer Problembeschreibung schon etwas
mühe geben damit einem geholfen werden kann.
Ein absolut positioniertes Element kann sich durchaus bewegen wenn
das Browser Fenster vergrößert bzw. verkleinert wird.
|
|
|
|
|
Anzeige
|
|
|
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 30.03.2007 13:36
Titel
|
|
|
Also ich will erreichen, dass das Element bei einer höheren Auflösung sich dynamisch wie der Rest der Seite bewegt und nicht an seiner absoluten Position stehen bleibt.
Hier der body-Quellcode, das Element um das es geht ist ganz unten unter dem <table> das <p><img> Element.:
Zitat: | <body background="Bilder/bg.jpg">
<table width="180" border="0" cellpadding="0" cellspacing="0" class="navigation_position">
<tr>
<td><a href="person.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Die Person','','Bilder/person_over.jpg',1)"><img src="Bilder/person.jpg" alt="Die Person" name="Die Person" width="174" height="45" border="0"></a></td>
</tr>
<tr>
<td><a href="kommentar.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kommentar','','Bilder/kommentar_over.jpg',1)"><img src="Bilder/kommentar.jpg" alt="Die Person" name="Kommentar" width="174" height="45" border="0"></a></td>
</tr>
<tr>
<td><a href="bildergallerie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bildergallerie','','Bilder/gallerie_over.jpg',1)"><img src="Bilder/gallerie.jpg" alt="Bildergallerie" name="Bildergallerie" width="174" height="45" border="0"></a></td>
</tr>
<tr>
<td><a href="angebote.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Angebote','','Bilder/angebote_over.jpg',1)"><img src="Bilder/angebote.jpg" alt="Angebote" name="Angebote" width="174" height="46" border="0"></a></td>
</tr>
<tr>
<td><a href="kontakt.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kontakt','','Bilder/kontakt_over.jpg',1)"><img src="Bilder/kontakt.jpg" alt="Kontakt" name="Kontakt" width="174" height="47" border="0"></a></td>
</tr>
</table>
<!-- ImageReady Slices (babo_therapie_home.psd - Slices: 00, ball_logo, content, home_logo, navigation) -->
<table id="Tabelle_01" style="height: 601;" width="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="Bilder/ball_logo.jpg" width="174" height="153" alt=""></td>
<td width="7" height="152" colspan="2" rowspan="2">
<img src="Bilder/spacer.gif" width="7" height="152" alt=""></td>
<td>
<a href="home.html"><img src="Bilder/home_logo.jpg" alt="" width="610" height="149" border="0"></a></td>
<td width="9" height="600" rowspan="6">
<img src="Bilder/spacer.gif" width="9" height="600" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="149" alt=""></td>
</tr>
<tr>
<td width="610" height="3">
<img src="Bilder/spacer.gif" width="610" height="3" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td width="5" height="448" rowspan="4">
<img src="Bilder/spacer.gif" width="5" height="448" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<table id="Tabelle_02" style="height:319;" width="174" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="Bilder/navigation.jpg" width="174" height="46" alt=""></td>
</tr>
<tr>
<td width="174" height="273">
<img src="Bilder/spacer.gif" width="174" height="273" alt=""></td>
</tr>
</table></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="319" alt=""></td>
</tr>
<tr>
<td width="174" height="128" rowspan="2">
<img src="Bilder/spacer.gif" width="174" height="128" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="101" alt=""></td>
</tr>
<tr>
<td width="612" height="27" colspan="2"> </td>
<td>
<img src="Bilder/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/spacer.gif" width="174" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="610" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="9" height="1" alt=""></td>
</tr>
</table>
<p><img src="Bilder/preise.jpg" alt="Angebote und Preise" width="628" height="700" class="preise_position"></p>
</body> |
Vielen vielen Dank im Voraus!
Gruß
BZL!
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 30.03.2007 13:48
Titel
|
|
|
Wenn du etwas innerhalb des bodys absolut positionierst, dann ist es
eben auch innerhalb des bodys absolut positioniert. Aus dem Quelltext
und deiner Beschreibung geht halt immer noch nicht klar hervor wass du
erreichen willst. Wenn du willst dass der Absatz sich mit der Tabelle
bewegt, positioniere ihn doch einfach in der Tabelle, relativ, absolut, wie
du willst.
Gibt es das vielleicht online zu sehen?
|
|
|
|
|
|
|
|
Ähnliche Themen |
[css] safari und position: absolute;
[CSS] rotate + position fixed/absolute
position absolute und footer problem
Position:absolute Problem im Firefox
mal wieder div position:absolute oder relative
jQuery - Absolute Position mit .offset() ermitteln?
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|