janinchen: Gesamtes Layout wird im IE nicht zentriert - trotz text-align

Beitrag lesen

SELF-Forum

Gesamtes Layout wird im IE nicht zentriert - trotz text-align

janinchen
– Informationen zu den Bewertungsregeln

Hallo meine Lieben,

ich sitze nun schon sehr lang an diesem Problem und weiß langsam echt nicht mehr weiter.

Problem: Layout der (XHTML-) Seite wird im Internet explorer nicht zentriert angezeigt. Das Layout besteht aus mehreren Divs, die sich aber alle im "Container"-Div befinden. Zentriert wird das ganze ja generell mit margin: auto - funktioniert auch, nur eben nicht im Internet Explorer (wie eig. schon erwartet). Doch auch mit Ausnützen des Text-Align: center tut sich nix.

evtl. relevante CSS-Elemente:

  
html {  
    BACKGROUND: url(Design/background.jpg) top left fixed;  
    BACKGROUND-COLOR: #5574a3;  
    POSITION: absolute;  
    BACKGROUND-POSITION: top left;  
    TOP: 0px;  
    LEFT: 0px;  
    TEXT-ALIGN: center;  
}  
	  
body {  
	MARGIN: 0px;  
	PADDING: 0px;  
	TEXT-ALIGN: center;  
	  
	BACKGROUND-IMAGE: url(Design/treff.gif);  
	BACKGROUND-ATTACHMENT: fixed;  
	BACKGROUND-REPEAT: repeat-x;  
	BACKGROUND-POSITION: 0px 100px;  
}  
  
div#container {  
	POSITION: relative;  
	TEXT-ALIGN: center;  
	MARGIN: 0 auto 0 auto;  
	WIDTH: 773px;  
	BACKGROUND: transparent;  
}  
	  
div#intro {  
	POSITION: relative;  
	WIDTH: 773px;  
	MARGIN: 0 auto 0 auto;  
	TEXT-ALIGN: center;  
	HEIGHT: 295px;  
	background: url(Design/header.gif);  
}

____________________________________

Grundaufbau html (ohne Text & Inhalt)

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
	<head>  
		<? include('metatags.php');?>	  
		<style type="text/css">@import url("style.css");</style>		  
		<title>hallo</title>  
    </head>  
	  
	<body>  
		<div id="container">  
			  
			<!-- HEADER -->  
			<div id="intro">  
				<div id="header"></div>  
  
				<div id="menu">					  
					<!-- Start Menue -->  
					<?php include('menu.php'); ?>									  
					<!-- Ende Menue -->					  
				</div>  
			</div>  
			  
			<!-- SPALTE 1 INHALT -->	  
			<div id="inhalt">  
				  
			</div>	  
			  
			<!-- SPALTE 2 FOTOALBUM -->  
			<div id="album">  
				  
			</div>  
		</div>  
	  
	</body>  
</html>

Vllt. wär noch ganz interessant zu wissen, dass der IE sich im Quirks-Modus nicht so verhält!?

Kann mir jemand helfen?

Beitrag melden
–
Informationen zu den Bewertungsregeln