• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Brauche Hilfe!!! CSS fenster zentrieren????

milchkuh

milchkuh

New member
CSS Box im Browser Fenster zentrieren???

Hallo
Ich habe eine Homepage mit drei verschiedenen Boxen mit CSS gemacht. Nun habe ich den Abstand zwischen der Box und dem Browser-Fenszer Rand 200px gesetzt.
Aber könnte ich die Box auch zentrieren???

Hier ist der CSS Code:

Code: 
.box2 {
background-image: url();
position:absolute;
left:200px;
top:10px;
width:800px;
height:200px;
border:1px;
}

.box3 {
background-image: url();
padding:0px;
position:absolute;
left:200px;
top:210px;
width:800px;
height:52px;
border:0px;
}

.box1 {
background-image: url();
position:absolute;
left:200px;
top:262px;
width:800px;
height:610px;
border:0px solid;
}

MFG
ROBIN
 
Zuletzt bearbeitet von einem Moderator:
Hallo
ich bin jetzt schon den ganzen Morgen daran meine Boxen in die Mitte des Browserfensters zu stellen aber es funktioniert nie so wie ich es haben will... :whacky:
Kann mir da jemand vielleicht meinen QT umendern so dases funktioniert... währe euch darüber sehr dankbar...

also top, width und height sollten gleich bleben...

Quelltext:

.box2 {
background-image: url(http://robin.snooser.de/test34/Sidebar-top_original.jpg);
position:absolute;
left:200px;
top:10px;
width:800px;
height:200px;
border:1px;
}

.box3 {
background-image: url(http://robin.snooser.de/test34/Bar-middle_orginal.jpg);
padding:0px;
position:absolute;
left:200px;
top:210px;
width:800px;
height:52px;
border:0px;
}

.box1 {
background-image: url(http://robin.snooser.de/test34/box1.jpg);
position:absolute;
left:200px;
top:262px;
width:800px;
height:610px;
border:0px solid;
}

hoffentlich kann mir jemand helfen
.....

robin
 
ja das habe ich schon auch gefunden, nur habe ich keine Ahnung wo ich was schreiben soll und wenn ich es versuche verändert es sich gar nicht....
 
Du hättest ruhig in Deinem alten Thread weitermachen können.
Habe beide zusammengefügt.

Ich guck' mir das jetzt mal an...
 
Stimmt, sorry. Bin der typische Querleser... :rolleyes:

Code: 
<html>
<head>
<title>xxx</title>
<style type="text/css">
body {
  margin:0px;
  text-align:center;
}
#inhalt {
  text-align:left;
  margin:0px auto;
  padding:0px;
  width:800px;
}
.box2 {
background:#ff0000;
margin-top:10px;
width:100%;
height:200px;
border:1px;
}
.box3 {
background:#00ff00;
width:100%;
height:52px;
}
.box1 {
background:#0000ff;
width:100%;
height:610px;
}
</style>
</head>
<body>
    <div id="inhalt">
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="box1"></div>
    </div>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben