✔ Position eines Div's

Status
Nicht offen für weitere Antworten.
L

leimy

Mitglied
Ich möchte Div dafür benutzen um Tabellen zu ersetzen. Div's sind standard mässig in der Mitte des Fensters und ich möchte das eine Div genau in die Mitte des Fensters haben. Also links, rechts und oben, unten den gleichen Abstand haben.
 
leimy hat gesagt.:
Div's sind standard mässig in der Mitte des Fensters
Zum Vergrößern anklicken....
Das ist mir aber neu ... :suspekt:

Ansonsten empfehle ich dir die CSS-Eigenschaft margin zum Bestimmen eines Aussenabstandes:
 
Ohh, da hab ich mich vertahn. Meinte links oben in der Ecke.

Ne das wars jetzt nicht
 

Anhänge

  • Unbenannt.JPG
    Unbenannt.JPG
    10,1 KB · Aufrufe: 167
Um ein DIV im Browserfenster horizontal und vertikal zu zentrieren, empfehle ich dir folgende CSS-Technik:

Code: 
div#center
{
position: absolute;
left: 50%;
width: 500px;
margin-left: -250px; /* negative Hälfte von width:500px = horizontal zentriertes DIV */
top: 50%;
height: 300px;
margin-top: -150px; /* negative Hälfte von height:300px = vertikal zentriertes DIV */
}
HTML: 
<div id="center"></div>
 
Hi Leute

Ich habe da noch folgendes Problem um dieses Thema nochmal aufzuwerfen!
Dazu extra diese Testseite:
Code: 
<html>
  <head>
    <title>
      Title
    </title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
  </head>
  <body bgcolor="#FFFFFF">
    <div class="sitediv_u">
      test
    </div>
  </body>
</html>

So, dieses Div soll jetzt egal mit welchem Inhalt zentriert in der Seite liegen! Das macht es aber nicht! Ich zeige euch hier nochmal den CSS Code.

Code: 
.sitediv_u { 
                background-color:#000000;
                border:solid 0px;
                padding:2px;
                text-align:center;
                vertical-align:middle;
                position:absolute;
                left:50%;
                width:760px;
                margin-left: -380px; 
                top:50%;
                height:420px; 
                margin-top:-210px;   
               }

Warum funktioniert das so nicht?
Ich betrachte meine Seiten immer im Firefox (neueste Version).
Würde mich freuen wenn mir wer helfen könnte da ich das dringend für ein Projekt benötige. Mein Problem dabei ist allerdings dass bei dem Projekt in diesem Div die gesamte Seite liegt! (Breite und Höhe stimmt genau überein)

Danke

Grüße Matthias
 
Zuletzt bearbeitet:
Entferne mal margin: 0px aus dem CSS-Code und stimme die beiden diskrepanten Klassennamen .sitediv_u bzw. .sitdiv_u in deinem Source-Code aufeinander ab ;-]
 
sorry, Fehler beim abtippen.

Ich habe das Bild angehängt! es ist ausgeschnitten vom linken oberen Rand.
der Rest der Seite ist weiß.

Der oben im Posing angepasste Code passt nun dem überein was angezeigt wird!

Was ich noch dazu haben wollte ist dass dieses Div ein Hintergrundbild besitzt bei einer Tabelle ganz einfach mit background-image:url(test.jpg); auch dieses Hintergrundbild des Divs wird mir nit angezeigt!

Grüße Matthias
 

Anhänge

  • test.JPG
    test.JPG
    4 KB · Aufrufe: 124
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück