mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 07:22 Benutzername: Passwort: Auto-Login

Thema: [html] inhalt in der mitte zentrieren / ausrichten vom 19.03.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> [html] inhalt in der mitte zentrieren / ausrichten
Seite: Zurück  1, 2, 3
Autor Nachricht
Waschbequen
Account gelöscht Threadersteller


Ort: -

Verfasst Sa 20.03.2004 11:03
Titel

Antworten mit Zitat Zum Seitenanfang

oh gott Menno!
 
baumeisterBOB

Dabei seit: 08.09.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 20.03.2004 11:06
Titel

Antworten mit Zitat Zum Seitenanfang

aha?? was ist da nicht ok?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Waschbequen
Account gelöscht Threadersteller


Ort: -

Verfasst Sa 20.03.2004 11:09
Titel

Antworten mit Zitat Zum Seitenanfang

nix, passt schon. Meine Güte!
 
Sarky

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 34
Geschlecht: Männlich
Verfasst Sa 20.03.2004 13:47
Titel

Antworten mit Zitat Zum Seitenanfang

Falsches Forum, Thread verschoben nach Tipps Tricks für Nonprint.

-------

baumeisterBOB hat geschrieben:
aha?? was ist da nicht ok?


Hier wird mitunter furchtbares Halbwissen verbreitet.

Zusammenfassend nun also die 2 möglichen und nach dem W3C korrekten (!) Lösungen. Beide zentrieren den Inhalt in der Mitte des Bildschirms.

XHTML 1.0 STRICT
Code:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
<html xmlns=http://www.w3.org/1999/xhtml xml:lang=en>
   <head>
      <meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 />

      <title></title>

      <style type=text/css>
         <!--
         #center
         {
            position: absolute;
            top: 50%;
            width: 100%;
            text-align: center;
         }
         
         #content
         {
            position: absolute;
            left: 50%;
            width: 400px;
            margin-left: -200px;
         }
         -->
      </style>
   </head>

   <body>
      <div id=center>
         <div id=content>
            Text
         </div>
      </div>
   </body>
</html>


HTML 4.01 TRANSITIONAL
Code:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
   <head>
      <meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>

      <title></title>

      <style type=text/css>
      <!--
         .main
         {
            width: 100%;
            height: 100%;
            border: 0;
         }
      -->
      </style>
   </head>

   <body>
      <table class=main>
      <tr>
      <td align=center>
         Text
      </td>
      </tr>
      </table>
   </body>
</html>


So und nicht anders sollte es gemacht werden.
  View user's profile Private Nachricht senden
noxid

Dabei seit: 02.08.2005
Ort: Vienna
Alter: -
Geschlecht: Männlich
Verfasst Sa 18.02.2006 01:30
Titel

Antworten mit Zitat Zum Seitenanfang

Wäre es überhaupt möglich (zB mit Javascript) eine dynamische Version des XHTML strict Beispiels zu machen?.
Also ich meine eine allgemeine Version die auch zentriert bei verschiedenlangen Texten. So ala Teile die Zeilenanzahl durch 2 und die Zeile setze dann in die mitte oder sowas.. hab ja keine Ahnung Mädchen!
  View user's profile Private Nachricht senden
RenSe

Dabei seit: 02.04.2005
Ort: -
Alter: 48
Geschlecht: Männlich
Verfasst Mo 11.09.2006 19:55
Titel

Antworten mit Zitat Zum Seitenanfang

Sorry Sarky, aber W3C konform ist ja schön und gut, nur leider funktionieren die Browser nicht W3C Konform. Die Tabellenhöhe auf 100% setzten bringt leider auch nicht viele Punkte (wär es testet wird es sehen).

Der IE nimmt zumindest bis zur 6 noch den "center" (kommt auch auf den gewählten Dokumententypen an) der Firefox etc. nimmt "center" gar nicht wahr, diese Browser brauchen -> margin-left:auto;margin-right:auto <- ...


Über Google gibt es dazu jede Menge weitere Infos
oder: graccem.com
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DevEdge

Dabei seit: 28.12.2005
Ort: Berlin
Alter: 42
Geschlecht: Männlich
Verfasst Do 14.09.2006 12:33
Titel

Antworten mit Zitat Zum Seitenanfang

Probiers mal damit. Fragen bezüglich zentrierter Inhalte ( vertikal und horizontal ), wurden bisher meistens ( wie auch hier ) mit dem Vorschlag der Nutzung einer Layouttabelle, beantwortet. Dank dem Artikel "Vertical Centering in CSS — Yuhu's Definitive Solution with Unknown Height" von D. Janovský, kann nun jeder sich dieses Problemes allein mittels CSS annehmen.

Zuletzt bearbeitet von DevEdge am Do 14.09.2006 12:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Ganzes HTML auf die Mitte ausrichten in DW
div in dremaweaver in mitte ausrichten
inhalt zentrieren...
Weblayout in QuarkXPress - Inhalt auf der Seite zentrieren
(CSS) Zentrierter DIV Conti - Inhalt zentrieren = wie?
Ausrichten und Zentrieren von Div Layern *need a medic*
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.