php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 26.01.2005, 19:39  
Gast
 
Beiträge: n/a
Standard DIV im DIV zentrieren - für Fortgeschrittene

Hi,

ich bastle gerade an meiner neuen Seite rum. Und gleich in der Anfangsphase der erste Fehler:

Im IE wird folgendes richtig angezeigt, in Firefox nicht.

Es wird richtig angezeigt, wenn die weiße Fläche auf dem Grau zentriert ist.

Code:
<html>
<head>
</head>
<body>
<div style="position: absolute; top:50%; width:100%; height:460px; background-color:#666666; margin-top:-230px; text-align:center">
  <div style="margin:0px; background-color:#ffffff; width:780px; height:460px;">
  </div>
</div>
</body>
</html>
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 26.01.2005, 20:35  
Erfahrener Benutzer
 
Registriert seit: 23.07.2004
Beiträge: 100
Tutti
Standard

Mach mal aus margin: 0px; -> margin: 0px auto;
__________________
Tutti ist offline   Mit Zitat antworten
Alt 26.01.2005, 20:42  
Gast
 
Beiträge: n/a
Standard

JUHU!

Es klappt

Danke!

Was bewirkt denn dieses auto?
  Mit Zitat antworten
Alt 26.01.2005, 23:28  
Erfahrener Benutzer
 
Registriert seit: 23.07.2004
Beiträge: 100
Tutti
Standard

Zitat:
Zitat von CSS4YOU
auto weist den Browser an, den Wert automatisch zu berechnen.
Mit margin: 0px; legst du einen Aussenabstand bei allen 4 Flanken von 0px fest.
FF interpretiert das dann so, dass versucht wird allen Flanken diesen Wert zuzuweisen, so wie es auch sein soll, es sei denn du legst eine feste Breite deiner Container fest.
Hast du bei margin 2 Werte gilt der erste Wert für oben und unten und der zweite für rechts und links.
margin: 0px auto; heißt also oben und unten 0px zum Elternelement rechts und links selbst entscheiden wobei es da widerum dem FF nichts ausmacht ob text-align: angegeben ist, was auch wieder richtig ist da IMHO Blockelemente nicht mit Textflussangaben positioniert werden dürfen.

Der IE als Browserbratze schlechthin macht so ziemlich viel falsch
__________________
Tutti ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
seite zentrieren DarkManX HTML, Usability und Barrierefreiheit 8 27.06.2007 20:11
Seite Zentrieren slimer HTML, Usability und Barrierefreiheit 8 02.06.2006 13:15
Float für Fortgeschrittene axelnes HTML, Usability und Barrierefreiheit 5 12.04.2006 10:29
Tutorial für Fortgeschrittene ApfeL Beitragsarchiv 5 22.03.2006 12:38
Vertikal zentrieren mit CSS - so gehts. HTML, Usability und Barrierefreiheit 2 02.03.2006 09:15
Tebellen zentrieren? Smily0412 HTML, Usability und Barrierefreiheit 3 26.11.2005 11:03
input=text zentrieren md5hash HTML, Usability und Barrierefreiheit 2 07.11.2005 17:42
Text im Bild zentrieren inu PHP Tipps 2005 19 10.05.2005 15:34
&amp;lt;div&amp;gt;- container vertikal auf seite zentrieren HTML, Usability und Barrierefreiheit 3 08.05.2005 11:16
Tabelle im DIV-Container zentrieren HTML, Usability und Barrierefreiheit 1 21.04.2005 22:28
[Erledigt] Tabelle Zentrieren HTML, Usability und Barrierefreiheit 11 21.10.2004 20:41
Tabelle absolut in der mitte zentrieren HTML, Usability und Barrierefreiheit 16 27.09.2004 15:39
Tabelle zentrieren HTML, Usability und Barrierefreiheit 11 04.09.2004 09:10
Inhalt mit css zentrieren RudiS HTML, Usability und Barrierefreiheit 3 03.07.2004 23:23

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
div php zentrieren, absolutes div zentrieren, div im div zentrieren, div in div zentrieren, \div im div zentrieren\, div in div zentrieren 100%, ff div absolute zentrieren, http://www.php.de/html-usability-und-barrierefreiheit/16764-div-im-div-zentrieren-fuer-fortgeschrittene.html, div in div zentrieren php, html table in div centrieren

Alle Zeitangaben in WEZ +2. Es ist jetzt 21:04 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.