tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
12
ZUGRIFFE
1606
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 22.05.01 19:39 #1
    KampfY Tutorials.de Gastzugang
    tach erstmal

    also direkt zum prob, ich will en bild direkt am unteren rechten bildschrimrand ausrichten. dabei darf dir positionsangabe jedoch net fixiert sein also ich brauch reletive abgabe wir z.b. das sich das bild immer unten rechts befindet.

    hab gehört das es mit css geht und bei selfhtml gelesen das es mit dem befehl style=vertical-align:bottom gehen soll klappt aber leider net so ganz weil da net steht ob und wenn was ich vorher genau im css definieren muss =(

    also bitte um schnelle antwort und thx im voraus
     
  2. 22.05.01 19:53 #2
    SunBurner2k Tutorials.de Gastzugang
    ich machs immer so:

    Erstelle ne table mit breite=100% und höhe=100%, is zwar nicht W3C-konform, aber die Browser akzeptieren es trotzdem.
    dann nur eine <td> und die muss auch width="100%" und height="100%" haben. Wenn du da jetz ein Bild reinpackst, is das unten rechts. Soll es nicht ganz unten rechts sein, sondern etwa 20 pixel Rand sein soll, schreibst du einfach als Parameter für die table cellpadding="20". Hier der ganze Code:

    Code :
    1
2
3
4
5
6
7

    <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="20">
  <tr>
    <td width="100%" height="100%">
      <img src="...." [ ... ] >
    </td>
  </tr>
</table>

    so, das müsste ****en!
     
  3. 22.05.01 20:26 #3
    Avatar von drash
    drash drash ist offline Mitglied Brokat
    Registriert seit
    May 2001
    Ort
    ???
    Beiträge
    297
    ich denke so wie das sunburner gemacht hat erscheint das bild links oben und nicht rechts unten. ich mache es immer so:


    Code :
    1
2
3
4
5
6
7
8
9

    <body bottommargin="0" rightmargin="0">
<table width="100%" height="100%" border="0" cellspacing="0">
  <tr>
    <td valign="bottom" align="right">
    <img.....>
    </td>
  </tr>
</table>
</body>

    ich hoffe ich konnte dir helfen
     
  4. 22.05.01 20:32 #4
    SunBurner2k Tutorials.de Gastzugang
    oh ******e, das wichtigste hab ich wiedermal vergessen mit dem align und valign... *schäm*

    naja, bin auch nur ein Mensch/tutorials.de-User!
     
  5. 22.05.01 22:15 #5
    KampfY Tutorials.de Gastzugang
    jo OM deine methode hat ge****t also schonmal danke an euch beide nur en kleines prob hab ich da noch. des bild is jetzt zwar richtigerweise unten in der ecke aber ich hab noch en kleinen rand da.kann ich mir net erklären da der table cellspacing="0" und des ganze doc durch bottommargin="0" rightmargin="0" im body keinerlei ränder haben sollte :/

    des is deshalb wichtig weil des bild aus dem html-file bzw frame in des bild von dem darunterliegenden frame ineinander übergehen.. also evtl noch ne kleinen tip ?

    p.s. ich weiss das es auch hätte mit tables machen können aber das ichs mit frames mach hat seinen sinn
     
  6. 22.05.01 22:33 #6
    SunBurner2k Tutorials.de Gastzugang
    Hier ein Auszug aus meiner Page:

    Den Body definierst du folgendermaßen:
    Code :
    1

    <body leftmargin="0" rightmargin="0" bottommargin="0" topmargin="0" marginheight="0" marginwidth="0">

    und folgende CSS-Angaben musst du in den Header kopieren:
    Code :
    1
2
3

    <style type="text/css">
body { margin:0px; }
</style>

    probier das mal. Have Phun!
     
  7. 23.05.01 00:21 #7
    KampfY Tutorials.de Gastzugang
    jo soweit war ich auch schon ma aber ****t net =(

    wenner mal gucken wollt wovon ich genau sprech
    www.geocities.com/kampfy82
    des is die page allerdings bisher nur en entwurf
    auf jeden fall unten rechts in der ecke ist noch soen dummer abstand zwischen den pics und der will net weg =(
    und am unteren frame liegts net
     
  8. 23.05.01 11:17 #8
    Dunsti Tutorials.de Gastzugang
    zu dem Beitrag von Sunburner:

    <body leftmargin="0" rightmargin="0" bottommargin="0" topmargin="0" marginheight="0" marginwidth="0">

    Meines Wissens sind die tags "marginwidth" und "marginheight" für den Netcape, die anderen 4 für IE.

    Auf Deiner Seite hast Du nur die für Netscape drin, deswegen hast Du wohl im IE noch den Abstand.

    Ein weiterer Lösungsansatz wäre, die Position des Bildes relativ zur Framegröße zu berechnen (Linke Position = Framebreite - Bildbreite / Obere Position = Framehöhe - Bildhöhe) und dann über DHTML das Bild plazieren.
    Bei der Variante nicht vergessen: im <BODY>-Tag muss ein "OnResize=" rein, der bei Änderung des Browserfensters das Ganze neu berechnet ......

    Gruß
    Dunsti
     
  9. 23.05.01 16:06 #9
    SunBurner2k Tutorials.de Gastzugang
    hmmm, hab mir mal den Quellcode vom rechten Frame angekuckt - ich hab da folgendes entdeckt:

    Code :
    1
2
3
4
5
6
7
8
9

    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="bottom" align="right">
    <div>
    <img src=images/mb_right.gif>
    </div>
    </td>
  </tr>
</table>

    und ersetz diesen Part durch diesen - sprich nimm das div-Tag raus:

    Code :
    1
2
3
4
5
6
7

    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="bottom" align="right">
       <img src=images/mb_right.gif>
    </td>
  </tr>
</table>
     
  10. 23.05.01 16:09 #10
    SunBurner2k Tutorials.de Gastzugang
    und was ist das ganz unten im Quellcode****

    Code :
    1
2
3
4

     
<!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet>
<script language="JavaScript" src="http://us.geo1.yimg.com/us.geocities.com/js_source/ygIELib9.js?v3"></script><script language="JavaScript">var yviContents='http://us.toto.geo.yahoo.com/toto?s=76000007&l=NE&b=1&t=990626582';yviR='us';yfiEA(0);</script><script language="JavaScript" src="http://a372.g.a.yimg.com/f/372/27/1d/www.geocities.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.com/visit.gif" border=0 width=1 height=1></noscript>
<IMG SRC="http://geo.yahoo.com/serv?s=19190039&t=990626582" ALT=1 WIDTH=1 HEIGHT=1>

    da steht ja please remove - also machs auch weg. Außerdem kann dieses Bild nich geladen werden. Gib bei der Spalte zur Sicherheit auch mal width="100%" height="100%" an, doppelt hält besser
     
  11. 24.05.01 17:32 #11
    KampfY Tutorials.de Gastzugang
    sunburner der java para steht selber net in meinem doc der wird von gay-ocitys eingefügt für den dummen werbebanner.

    der geowebspace is auch nur en notnagel da unser keyweb server down is

    und das div war nur en versuch den tip hat mir mal wer gegeben. geht mit und ohne div net...

    ich mach die ganze page einfach mit tables jetzt... frames stinken eh und bevor ich noch graue haare bekomme... aber trotzdem big thx fuer eure antworten =)
     
  12. 25.05.01 10:11 #12
    Klon Tutorials.de Gastzugang
    <div style="position:absolute; right:0; bottom:0;">
    <img src="blahblah.jpg" border=0>
    </div>


    ?
     
  13. 25.05.01 23:07 #13
    Dunsti Tutorials.de Gastzugang
    <div style="position:absolute; right:0; bottom:0;">
    <img src="blahblah.jpg" border=0>
    </div>
    prinzipiell keine schlechte Idee.

    ****t aber leider nur im IE , Netscape (zumindest 4.xx) kennt "bottom" und "right" nicht

    Gruß
    Dunsti
     
« html-tagsd | img positionierung - der Unterschied NS und IE? »

Ähnliche Themen

  1. Seite am unteren Rand ausrichten
    Von Transmitter im Forum CSS
    Antworten: 7
    Letzter Beitrag: 04.06.09, 20:37
  2. Div-Höhe(100%?) bis zum unteren Bildschirmrand
    Von soyo im Forum CSS
    Antworten: 4
    Letzter Beitrag: 20.03.07, 12:16
  3. Footer mittig am unteren Bildschirmrand mithilfe von Div
    Von xThorx im Forum CSS
    Antworten: 13
    Letzter Beitrag: 09.03.05, 06:07
  4. image in der rechten unteren ecke
    Von icemannn im Forum CSS
    Antworten: 2
    Letzter Beitrag: 27.09.04, 22:48
  5. Bilder an unteren Seitenrand ausrichten
    Von arto im Forum CSS
    Antworten: 5
    Letzter Beitrag: 28.05.04, 14:25