4. CSS: Div neben Div, aber wie?

CSS: Div neben Div, aber wie?

  • M

    Hallo Leute.
    Ich bin total verzweifelt!
    Ich hab zwei Divs:

    <div class="test">
<img src="bild.gif">
</div>
<div class="test">
<img src="bild2.gif">
</div>

    Ich möchte, dass die 1. Div in der linken oberen Ecke des Browsers steht. Das ist kein Problem (margin-left:0px; margin-top:0px;)
    Jetzt will ich aber, dass die zweite Div ebenfalls ganz oben ist (margin-top:0px;) aber sie soll einen Abstand von 10% (der Browserbreite) von der ersten Div haben.
    Kurz: Ich will zwei Divs, die in der selben Zeile stehen, aber einen relativen Abstand voneinander haben.
    Ich krieg das einfach nicht hin! Muss position dabei abslolute sein oder doch relative? Welche Bezeichner muss ich noch setzen?

    Bitte verweist nicht auf SelfHTML. Ich hab mit die entsprechende Seite mehrmals durchgelesen, aber ich kriegs trotzdem nicht hin.
    Ich benutze den IExplorer 5.0

    Bitte helft mir.
    Mar3000

    0
  • C

    Hi!
    Das machst du am Besten mir JavaScript.
    Du musst dich in die Notification OnResize reinhängen 🙂
    D.h. Du Initialisierst die Notification und berechnest den Abstand( in deinem Fall 10 % von dem Fenster ) und setzt die Div Position wieder.

    Bye

    0
  • C

    Hi!
    Ich habe dir eine Email mit dem Bsp-Code geschickt, da ich es hier irgentwie nicht posten konnte.

    Bye

    0
  • F

    Igitt! Für sowas nimmt man doch kein JavaScript 😉 🙄
    Du könntest z.B statt div auch einfach span verwenden und dann beim 2. margin-left:10%; angeben

    [ Dieser Beitrag wurde am 05.04.2003 um 21:15 Uhr von flenders editiert. ]

    0
  • C

    auch eine Möglichkeit 🙂

    0
  • N

    Original erstellt von mar3000:
    **Muss position dabei abslolute sein oder doch relative?

    Ich benutze den IExplorer 5.0**

    relative IMO.
    Der IE5 unterstützt CSS nur sehr schlecht, besorg Dir mal eine aktuelle Mozilla-Version von http://www.mozilla.org und schau ob der das kann und wenn Du das hinbekommen hast dann schreib es so um dass es auch der IE versteht.

    0
  • H

    Du könntest auch das linke div mit "float:left;" ausstatten und dann ganz normal margin-left:10%;

    0
  • M

    Wow, vielen Dank für eure Mühe!
    Ich hab alle eure Versionen ausprobiert und hab mir letztendlich für float:left; entschieden.
    Vielen Dank an euch alle!

    0
Anmelden zum Antworten