Autor |
Nachricht |
MrsKeely92
Threadersteller
Dabei seit: 14.01.2012
Ort: Daun
Alter: 31
Geschlecht:
|
Verfasst Sa 14.01.2012 18:27
Titel Komplette Seite zentrieren |
|
|
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
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Sa 14.01.2012 18:55
Titel
|
|
|
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.
|
|
|
|
|
Anzeige
|
|
|
MrsKeely92
Threadersteller
Dabei seit: 14.01.2012
Ort: Daun
Alter: 31
Geschlecht:
|
Verfasst Sa 14.01.2012 19:10
Titel
|
|
|
Ah, super... Das wars... Danke sehr für die Hilfe
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Mo 16.01.2012 12:50
Titel
|
|
|
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).
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 16.01.2012 13:42
Titel
|
|
|
Hatten wird auch lange nicht mehr ...
|
|
|
|
|
Ahrta5
Dabei seit: 21.07.2009
Ort: -
Alter: 34
Geschlecht:
|
Verfasst Mo 16.01.2012 13:51
Titel
|
|
|
Probiere es mal mit folgendem...
Code: |
#center {
position: absolute;
width: 1000px;
left: 50%;
margin-left: -500px;
}
|
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Mo 16.01.2012 14:05
Titel
|
|
|
Ahrta5 hat geschrieben: | Probiere es mal mit folgendem...
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
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Mo 16.01.2012 14:25
Titel
|
|
|
Zumal das Problem des TE schon gelöst ist...
|
|
|
|
|
|
|
|
Ä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
|
|