• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DIV Position

magifix

Neues Mitglied
Hallo,

ich möchte ein DIV-Feld an einer bestimmten Position auf einer Seite darstellen.
Habe es mit absolute und relative versucht.
Leider ist das Ergebnis immer von der Bildschirmauflösung abhängig.
Kann mir jemand bitte sagen wie man so etwas löst?
 
Hallo,
die Info hatte leider nicht geholfen, da der Explorer anscheinend einen anderen Bezugspunkt als andere Browser nimmt.
 
Leider ist das Ergebnis immer von der Bildschirmauflösung abhängig.
Nein, da irrst Du Dich. Beim Erstellen von Websites ist die Bildschirmauflösung irrelevant.
Das merkst Du auch daran, dass es in CSS, der Sprache die für die Darstellung im Browser verantwortlich ist, keine Möglichkeit gibt, die Auflösung abzufragen oder darauf zu referenzieren.
Sowas ist einzig mit JavaScript möglich, aber auch nicht sinnvoll, da ja die Auflösung zur Darstellung keineswegs relevant ist, sondern einzig der Viewport im Browserfenster.

Elemente mit position zu positionieren ist im Übrigen in den meisten Fällen nicht der richtige Weg, weil Du eben die Größe des Viewports nicht kennst. Jeder Browser verfügt über die Fähigkeit, die Elemente einer Seite selbst zu positionieren. Meist ist das völlig ausreichend bzw. besser, als Du das mit position könntest.

Wenn Du Dein Problem konkretisierst, mit nem Link zur Seite und evtl. einem Bild wie es aussehen soll, dann kann Dir weiter geholfen werden.
 
Hallo,

habe mal den Codeschnipsel angehängt
die drei DIVs sollen nebeneinander erscheinen. Div 1 sitzt richtig
sollte dann natürlich auch unabhängig vom Broeser sein
kennt jeman die Lösung?


HTML:
<!DOCTYPE html PUBLIC "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>

  <style type="text/css">
#div1
{
left:290px;top:40px;
width:200px;height:200px;
border:1px solid #7f7f7f;
}
  </style>

  <style type="text/css">
#div2
{
left:500px;top:40px;
width:200px;height:200px;
background-color:#efefef;
border:1px solid #7f7f7f;


}
  </style>
  <style type="text/css">
#div3
{
left:705px;top:240px;
width:200px;height:200px;
background-color:#efefef;
border:1px solid #7f7f7f;
}
  </style>


</head>
<body>
<center>
<table
 style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"
 border="1" cellpadding="2" cellspacing="2">

    <tr>
      <td style="vertical-align: top; width: 170px;"><br>
      </td>
      <td style="vertical-align: top; width: 630px;"><br>
      <br>
      <br>
      <br>
      <br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;"><br>
      </td>
      <td style="vertical-align: top;">
      <div id="div1">
      Div1
      </div>
      <div id="div2">
      Div2
      </div>
      <div id="div3">
      Div3
      </div>



      <br>
      <br>
      <br>
      <br>
      </td>
    </tr>

</table>
</center>


</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Zurück
Oben