zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE7 - DIV nicht mittig , es fehlt ein Pixel ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.12.2008, 05:19
FUX FUX ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.12.2008
Beiträge: 2
FUX befindet sich auf einem aufstrebenden Ast
Standard IE7 - DIV nicht mittig , es fehlt ein Pixel ?

Hallo liebe Gemeinde, aber ich suche schon seit vielen Stunden und komme zu keiner Lösung.
Habe so ziemlich alle CSS Einstellungen getestet, aber der Fehler ist wohl nicht zu beheben.

Hoffe auf eure Hilfe und zwar folgendes:

Ich habe im Body ein Hintergrundbild ( body_bg) und ein DIV, dass genauso breit sein soll wie der Hintergrund. Aber der IE7 verschiebt das DIV um 1 Pixel nach links. IM FF ect pp geht es, hier die DEMO
IE 7 FEHLER

Wäre echt cool, wenn hier jemand ne Idee hat
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.12.2008, 07:08
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 21.11.2006
Beiträge: 126
Paul Kleinhans wird schon bald berühmt werden
Standard

Vermutlich ein Rundungsfehler des IE.
Anders umgesetzt:

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="robots" content="noindex, nofollow" />
<title>IE 7 ohne FEHLER</title>
<style type="text/css">
* {
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;
	height:100%;
}
body {
	color:#777;
	font-size:12px;
	font-family: Tahoma, Arial, sans-serif;
	height:100%;
	text-align:center; /* Zentrierung IE5+*/
}
#wrapper {
	background:#fff url(body_bg.gif) no-repeat;
	margin:0 auto;
	width:1020px;
	min-height:100%;
}
#header {
	margin:0 auto;
	width:900px;
	background: #ff0000;
	height:54px;
}
* html #wrapper {
	height:100%;/* 100% Height IE */
}
#content {
	margin:0 auto;
	width:860px;
	padding:20px;
	text-align:left;/* Zentrierung IE5+ aufheben*/
}
</style>
</head>
<body>
<div id="wrapper">
  <div id="header"></div>
  <div id="content">Hier steht der Inhalt</div>
</div>
</body>
</html>
Beispiel online
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.12.2008, 21:49
FUX FUX ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.12.2008
Beiträge: 2
FUX befindet sich auf einem aufstrebenden Ast
Standard

Hi Paul, danke für die kompentente und rasche Antwort.

Ich hatte es auch bereits mit einem Wrapper DIV getestet, aber leider ist das fehlgeschlagen.. Keine Ahnung warum..

Nochmals vielen herzlichen Dank..

gruss peter
Mit Zitat antworten
  #4 (permalink)  
Alt 03.12.2008, 21:59
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Es gibt tatsächlich keine andere Lösung - zentrierte divs und body-BGs können sich in nahezu allen Browsern um 1px verschieben (je nach Viewport-Breite). Weise die Grafik einem div mit fester Breite zu, wie in Pauls Code zu sehen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:02 Uhr.