Verständnissfrage!

[lvl]

Moin Moin...

Hab da mal eine Frage zu einem Problem, dass ich nicht nachvollziehen kann.

Also:

:: CSS ::
* { margin: 0; padding: 0; }

body {
 background-color: #FFF;
 color: #000;
 font-family: Arial, Verdana, Tahoma, sans-serif;
}

div#mainframe { text-align: center; }

div.menu { width: 320px; border: 1px dotted #000; border-top: 0px; }
div.main { width: 320px; border: 1px dotted #000; border-top: 0px; text-align: center; }

:: HTML AUSSCHNITT ::
<div align="center">
 <div class="menu">
  <a href="#">menu1</a> | <a href="#">menu2</a><br />
  <a href="#">menu3</a> | <a href="#">menu4</a><br />
 </div>
 <div class="main">
  abc<br />
  schreiben ist nicht schwer
 </div>
</div>

Das Problem:
Wenn ich bei <div align="center"> id="mainframe" eintrage, erhalte ich den Inhalt des div´s im IE centriert und im FF linksbündig.

Schreibe ich jedoch <div align="center"> und verzichte auf den Inhalt in der CSS-Datei, funktioniert es in beiden Browsern...
Woran liegt das? Bzw. was mache ich falsch?

[Initaa]

hi

div#mainframe { text-align: center; }

musst du schreiben

div#mainframe{
  margin:0 auto;
  width:600px}

width ist auch wichtig zu schreiben.

viel spass,
Inita

[Engin]

Hi,

sry, kann dein problem nicht so ganz nachvollziehen, aber vielleicht hilft dir das ja.

Ansonsten /charta.htm#tipps-fuer-fragende.

Grüße,
Engin
 GYRO

[smashi]

hi, du musst die breite von mainframe ebenfalls angeben und dann margin noch auf auto setzten dann gehts:
div#mainframe { text-align: center; margin:auto; width:320px;}

text-align zentriert nur den text und nicht das enthaltene div

gruss smashi

Moin Moin...

Hab da mal eine Frage zu einem Problem, dass ich nicht nachvollziehen kann.

Also:

:: CSS ::
* { margin: 0; padding: 0; }

body {
background-color: #FFF;
color: #000;
font-family: Arial, Verdana, Tahoma, sans-serif;
}

div#mainframe { text-align: center; }

div.menu { width: 320px; border: 1px dotted #000; border-top: 0px; }
div.main { width: 320px; border: 1px dotted #000; border-top: 0px; text-align: center; }

:: HTML AUSSCHNITT ::
<div align="center">
<div class="menu">
  <a href="#">menu1</a> | <a href="#">menu2</a><br />
  <a href="#">menu3</a> | <a href="#">menu4</a><br />
</div>
<div class="main">
  abc<br />
  schreiben ist nicht schwer
</div>
</div>

Das Problem:
Wenn ich bei <div align="center"> id="mainframe" eintrage, erhalte ich den Inhalt des div´s im IE centriert und im FF linksbündig.

Schreibe ich jedoch <div align="center"> und verzichte auf den Inhalt in der CSS-Datei, funktioniert es in beiden Browsern...
Woran liegt das? Bzw. was mache ich falsch?

[lvl]

Vielen Dank für die Infos.

Das erklärt auch die Probleme an anderen Stellen. ;)