Zu den Aufzeichnungen der tutorials.de-Live-Workshops
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
1397
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 09.09.10 11:39 #1
    Der-Joseph Tutorials.de Gastzugang
    Hallo Leute,
    ich wollte das meine komplette Homepage mittig angezeigt wird, deshalb habe ich eine div mit align="center" eingefügt. Der W3C-Check meldet mir dann aber, dass ich dies über CSS machen soll (The align attribute on the div element is obsolete. Use CSS instead).

    HTML-Code:
    <!DOCTYPE html>
<html>
<head lang="de">
	<meta charset="utf-8">
	<title>Test</title>
	<style>
	#ebene {
	width: 50px;
	height: 50px;
	background-color: yellow;
	}
	</style>
</head>
<body>
<div align="center">
<section id="ebene">test in gelb</section>
Rest der Homepage....
</div>
</body>
</html>
    Jetzt habe ich dazu noch ein paar Fragen:

    1.) Wieso kann ich kein section align verwenden******
    2.) Wieso klappt es nicht, wenn ich in die CSS schreibe "div {text-align:center}"? Der zeigt des dann ganz links an (also mein Gelberhintergrund von "ebene"; jedoch der Text wird mittig; soll aber alles mittig angezeigt werden)
     
    Zitieren Zitieren
  2. 09.09.10 12:28 #2
    Avatar von Alex_T
    Alex_T Alex_T ist offline Mitglied Brokat
    Registriert seit
    Jul 2009
    Beiträge
    305
    Grüße,

    text-align sagt ja schon, dass es sich hier um eine Formatierung von Text handelt und nicht um eine Formatierung eines DIVs.

    Wenn du deine komplette Seite zentrieren möchtest, dann muss der Inhalt in einen ihn umschließenden Container gepackt werden und wie folgt formatiert werden:

    Code css:
    1
2

    #horizontalzentriert
{width:400px; margin: 0 auto;}

    eingesetzt sieht das Ganze dann so aus:

    HTML-Code:
    <body>
<div id="horizontalzentriert">Hier kommt dann der Rest rein.</div>
</body>
    Die Breite im CSS natürlich noch an deine Homepagemaße anpassen - ich hab hier einfach mal 400 genommen.
     
    Mfg, Alex

    “The function of good software is to make the complex appear to be simple.” (Grady Booch)
    “First, solve the problem. Then, write the code.” (John Johnson)
    Zitieren Zitieren
  3. 09.09.10 12:55 #3
    Avatar von hela
    hela hela ist gerade online Mitglied Smaragd
    tutorials.de Premium-User
    Registriert seit
    Oct 2004
    Beiträge
    1.098
    Hallo Joseph,

    zu deinen anderen Fragen:

    Die Zentrierung über das align-Attribut ist veraltet und wird nur noch von Uralt-Browsern aus dem vorigen Jahrtausend (bzw. dem Quirksmode) unterstützt. In HTML5 gibt's das halt nicht mehr.

    Das "section"-Element (HTML5) ist nun wieder so neu, dass es zunächst nur vom Chrome-Browser und von Safari unterstützt wird. Alle anderen Browser kennen das einfach noch nicht. Verwende statt dessen einfach ein DIV-Element, das eben nach der von Alex_T gezeigten Methode zentriert werden soll.
     
    Zitieren Zitieren
« <form> will nicht funktionieren | HTML5 Problem: tabindex und autofocus bei Safari/Chrome »

Ähnliche Themen

  1. html5 Canvas Bilder vergrößern
    Von Zerod159 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 14.01.11, 11:27
  2. HTML5 Problem: tabindex und autofocus bei Safari/Chrome
    Von DEDEX7200Pro im Forum HTML & XHTML
    Antworten: 0
    Letzter Beitrag: 11.09.10, 17:55
  3. HTML5 - Canvas | Save und Restore
    Von Danielku15 im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 17.06.10, 22:41
  4. Referenz/Beschreibung zu HTML5
    Von julchen im Forum HTML & XHTML
    Antworten: 5
    Letzter Beitrag: 26.05.10, 15:45
  5. vertical-align im Firefox Problem
    Von metty im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 02.02.05, 17:08