Abstand von der Mitte definieren

senor_coconut

senor_coconut

Aktives Mitglied
Thread Starter
Dabei seit
07.01.2006
Beiträge
216
Reaktionspunkte
4
Hallo,

ist es möglich per html oder css zu definieren, dass bestimmte Objekte (Bilder, Texte...) einen bestimmten Abstand nach links oder rechts von der Seitenmitte haben?


danke
 
Könntest die Objekte zentrieren und dann mit position: -10px; nach links bzw. mit positivem wert nach rechts verschieben.
 
wie geht das konkret?mit div's?
 
ja mit divs und dann die position der divs im css angeben !
 
ok danke!
 
Mittig anordnen am besten so:
Code: 
<html...blabla
<head>
<style type="text/css">

body {
text-align: center;
}

#page {
margin: 0px auto;
text-align: left;
width: 200px;
position: relative;
left: -10px;
}
</style>
....
<body>

<div id="page">
Ich bin von der Mitte aus 10 Pixel nach rechts verschoben.
</div>

</body...

Nicht getestet, sollte aber klappen.
 
so is alles mittig:

PHP: 
<html>
<head>
<style type="text/css">
<!--
#mittig {
    margin: -180px 0px 0px -250px;
    width:500px;
    height:360px;
    top: 50%; 
    left: 50%;
    border:dashed 2px #00CCCC;
    overflow: auto;
    position:absolute;
    z-index:1;
}
-->
</style>
</head>
<body>
<div id="mittig">
  <div align="center">mittig is geil!</div>
</div>
</body>
</html>
 
danke nochmals an alle.hab gerade ein kleines problem:

HTML: 
<html>
<head>
<style type="text/css">

<!-- 
#header {
         margin: auto
         position: absolute; 
         width: 690px;
         height: 163px;
         background-color: #444444;
         text-align: center;
     

-->
</style> 
</head>
<body> 

<div id="header">
</div>
</body> 
</html>


ich will das die graue box in die mitte kommt.aber irgenwie gehts nicht...was mach ich falsch?
 
Fehlt das schliessende '}' jetzt durch die Formatierung des Forums?

So vieleicht?

Code: 
<html>
  <head>
    <style type="text/css">
      <!-- #header {
        margin: auto;
        position: [COLOR="Red"][B]relative[/B][/COLOR];
        width: 690px;
        height: 163px;
        background-color: #444444;
        text-align: center;
      } -->
    </style>
  </head>
  <body>
    <div id="header"> </div>
  </body>
</html>
 
Zuletzt bearbeitet:
jop hab ich vergessen.ne liegt nicht daran...
 
einfach ein leeres div drum mit nem center tag:

PHP: 
<html>
  <head>
    <style type="text/css">
      <!-- 
	  
	  #header {
        margin: auto;
        position: absolut;
        width: 690px;
        height: 163px;
        background-color: #444444;
        text-align: center;
      } 
	  
	  -->
    </style>
  </head>
<body>

<div align="center"><div id="header">inhalt</div></div>
</body>
</html>
 
funktioniert!danke!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten