CSS: div horizontal auf seite platzieren

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_div_horizontal_auf_seite_platzieren_112349/page_1 - zur Vollversion wechseln!

Maehmann schrieb am 18.04.2004 um 12:28

Hey,

Sicher die ärgere deppenfrage, aber egal
Folgendes habe ich:

Code: PHP

.box{
border: 1px solid grey;
background-color: #E0E0E0;
text-align: center;
margin: 5px;
padding:2px;
}

mit <div class="box"> wird das ganze eingebaut.
Ich hätte gerne, dass sich dieses <div> dann so verhält wie <div class="box" align="center">

Gibt es dafür einen entsprechenden css befehl, oder geht es einfach nicht?

*tia*

Christoph

mat schrieb am 18.04.2004 um 12:33

ähm..

css -> text-align: center
html -> align="center"

also sollte dein "code" passen

Maehmann schrieb am 18.04.2004 um 12:42

Mit text-align: center richtet er aber nicht den ganzen div block aus sondern den text im div block.

Ich hät gern, dass der ganze block mittig steht (wenn er nur 70% breit ist zB) ... solang er 100% Breite hat, ist es ja egal.

flaimo schrieb am 18.04.2004 um 12:48

Code: PHP

#mybox {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    background: red;
}

Code: PHP

<div id="mybox">
    Hello World
</div>

Maehmann schrieb am 18.04.2004 um 12:51

BIG THX ... genau das wars

Spikx schrieb am 18.04.2004 um 12:54

ah, darn, an margin:auto; hatte ich auch schon lang nicht mehr gedacht , hab's bis jetzt dann immer mit tables gelöst

Maehmann schrieb am 18.04.2004 um 12:58

Zitat von Spikx
hab's bis jetzt dann immer mit tables gelöst

hrhr ... me too ... aber ich hab mir vorgenommen auf meinen neuen Seiten keine tables mehr zu verwenden ... und dann hat man halt solche troubles

Rektal schrieb am 18.04.2004 um 14:36

FYI: margin: auto geht nicht < IE 6

Maehmann schrieb am 18.04.2004 um 15:12

Zitat von Rektal
FYI: margin: auto geht nicht < IE 6

thx ... hast du eine lösung die auch mit IE5 funktioniert?
Wenn nicht, machts auch nichts, da es für einen internen Bereich verwendet wird und da alle IE6 oder Moz. verwenden.

Rektal schrieb am 18.04.2004 um 19:25

Sicher. IE < 6 macht den Fehler, bei text-align: center; Block-Elemte zu zentrieren. Du musst nur beruecksichtigen, dass text-align vererbt wird. Ultimativ sieht ein X-Browser Code dann so aus:

CSS:

Code:

.ie-center {
  text-align: center;
}
.center {
  margin: auto;
  text-align: left;
}

HTML:

Code:

<div class="ie-center">
  <div class="center">
    content
  </div>
</div>

Es gibt leut' die meckern, weil es redundanter Markup ist. Naja, schon wahr. Nur im vergleich, welche Redundanz frueher mit Tables getrieben wurde, ist das eine Muecke ...

Maehmann schrieb am 19.04.2004 um 21:55

okidoki ... thx!

Ezekiel schrieb am 19.04.2004 um 22:00

was ist redunanz :confused:

Spikx schrieb am 19.04.2004 um 22:05

Redundanz: mehr als eigentlich notwendig