mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 12:25 Benutzername: Passwort: Auto-Login

Thema: Komplette Seite zentrieren vom 14.01.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> Komplette Seite zentrieren
Seite: 1, 2, 3  Weiter
Autor Nachricht
MrsKeely92
Threadersteller

Dabei seit: 14.01.2012
Ort: Daun
Alter: 31
Geschlecht: Weiblich
Verfasst Sa 14.01.2012 18:27
Titel

Komplette Seite zentrieren

Antworten mit Zitat Zum Seitenanfang

Hey zusammen,

hab mich schon ne Weile durchs Forum gewurschtelt und auch ne Menge zu dem Thema gefunden, aber irgendwie haut das alles nicht so hin wie ichs mir vorstelle... Also, mein Plan ist es die Seite komplett mittig, egal in welchem Browser und bei welchem Monitor auszurichten. Aber wie gesagt haut das nicht so wirklich hin... Vielleicht seh ich ja einfach den Wald vor Bäumen nicht und ihr könnt mir irgendwie weiterhelfen... Ich pack mal die HTML und CSS dazu.

Hier der HTML-Code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="center">
   <div id="header">
                 ...
   </div>
</div>
</body>
</html>


Und hier die CSS
Code:

@charset "utf-8";
/* CSS Document */


body {width:1000px;
     background-color:#FFF;
     text-align:center;}
      
#center {margin-right: auto;
       margin-left:auto;
       position:relative;
       width:1000px;
       text-align:left;}
      
#header {background-image:url(header02b.jpg);
       width:1000px;
       height:200px;}
      
...


Wie gesagt, ich habs auch schon einfach mit margin:0 auto imd center versucht, aber es passt nicht...

Danke im Voraus Lächel
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Sa 14.01.2012 18:55
Titel

Antworten mit Zitat Zum Seitenanfang

Wie soll da bitte was zentriert werden können, wenn alles gleich breit ist (nämlich 1000px)?
Lass die Breitenangabe beim body weg und schon wird es bei Auflösungen >1000px zentriert sein.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
MrsKeely92
Threadersteller

Dabei seit: 14.01.2012
Ort: Daun
Alter: 31
Geschlecht: Weiblich
Verfasst Sa 14.01.2012 19:10
Titel

Antworten mit Zitat Zum Seitenanfang

Ah, super... Das wars... Danke sehr für die Hilfe Lächel
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mo 16.01.2012 12:50
Titel

Antworten mit Zitat Zum Seitenanfang

So kannst du auch wieder die Kurzschreibweise margin:0 auto; anwenden. Das text-align:center; im body ist lediglich für alte Browser (vorallem IE).
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 16.01.2012 13:42
Titel

Antworten mit Zitat Zum Seitenanfang

Hatten wird auch lange nicht mehr ...
  View user's profile Private Nachricht senden
Ahrta5

Dabei seit: 21.07.2009
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Mo 16.01.2012 13:51
Titel

Antworten mit Zitat Zum Seitenanfang

Probiere es mal mit folgendem... Lächel

Code:

#center {
position: absolute;
width: 1000px;
left: 50%;
margin-left: -500px;
}
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Mo 16.01.2012 14:05
Titel

Antworten mit Zitat Zum Seitenanfang

Ahrta5 hat geschrieben:
Probiere es mal mit folgendem... Lächel

Code:

#center {
position: absolute;
width: 1000px;
left: 50%;
margin-left: -500px;
}

Keine gute Lösung, auch wenn sie leider recht weit verbreitet ist. Hast du dir das mal bei Fenstergrößen unter 1000px angeschaut?

Gruß
Karl
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Mo 16.01.2012 14:25
Titel

Antworten mit Zitat Zum Seitenanfang

Zumal das Problem des TE schon gelöst ist...
  View user's profile Private Nachricht senden
 
Ähnliche Themen [dreamweaver] komplette seite laden
komplette seite cms programmieren? designanspruch
Komplette Seite oder den Highchart zoom abspeichern
HTML Problem, Tabelle auf komplette Seite einpassen.
Seite zentrieren
[CSS] Seite horizontal zentrieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Software - 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.