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

Div verschieben, bin ich jetzt blöd o.O

kruk

Mitglied
Hey, ich möchte gerade einen div verschieben, indem ein bisher nur Text ist. Aber irgendwie funktioniert das ganze nicht o_O
Der Code:
HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Test</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />


    <link href="icon.ico" type="image/x-icon" rel="shortcut icon" />
    <style type="text/css">
    body {
          background: url(bgimg.png);
  background-size: 100%;
  -moz-background-size: 100%;
  -webkit-background-size: 100%;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild.jpg', sizingMethod='scale')";
    }
</style>

</head>

<body>
<div style="
    background-color:#FF00FF;
    width:30%;
    height:30%;
    bottom:20%;
    right:100px;
    (position:relative;)
">
Bla Bli Blubb
</div>
</body>
</html>

das position relative steht in Klammern, weil es wenn man es aktivert, das ganze Fester so stark nach Links zieht, das man keinen Text mehr sieht.... :evil:
 
Werbung:
right:100px sagt, dass das div 100px vom rechten Rand entfernt sein soll, daher das Problem, wenn du position:relative mit rein nimmst.
Ich vermute mal du willst den Text 100px weiter nach rechts als ursprünglich haben.
Wenn der Hintergrund des divs mit nach rechts rutschen soll musst du einen Außenabstand mit margin-left:100px setzen.
Wenn der Hintergrund aber an seiner Stelle bleiben soll und der Text sich im div verschieben soll, dann musst du einen Innenabstand mit padding-left: 100px setzen.


Lesson 10: Außen- und Innenabstand (margin und padding) - CSS Tutorial - HTML.net
 
Werbung:
Zurück
Oben