problem mit dem ie - sieht jemand den fehler ?

html.de-Forum HTML, XHTML & CSS
1

hallo leute,

hab folgendes problem. und zwar wird mir das design im ff mittig (gewollt) und im ie jedoch links bündig (ungewollt) angezeigt. kann mir jemand sagen wo der fehler liegt ?

die seite ist rein php und nicht mit html endungen, vll hilft das noch… ich finde den fehler einfach nicht oder welcher befehl mir fehlt.

danke im vorraus

[CODE]* {
margin:auto;
padding:0;
}
body {
background:#011D35 url(‚images/body.jpg‘) repeat-x scroll top left;
margin-top: 50px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}

/* wrapper */
div.wrapper {
width:960px;
margin:60px auto 0;
padding:0px;
}

/* header & nav */
div.header {
padding:30px 10px 35px;
margin:0 auto;
background:transparent url(‚images/header-bg.png‘) no-repeat scroll top left;
display:inline-block;
}
div.header {
display:block;
}
div.header h1 {
margin:0;
padding:0;
text-align:center;
}
div.header h2 {
text-align:center;
padding:0;
margin:0;
color:#eee;
font-family:Georgia, „Times New Roman“, Times, serif;
padding-left:10px;
font-size:0.75em;
}
div.menu {
background:#2f2f2f;
height:45px;
}
div.menu ul {
list-style:none;
margin:0;
padding:0;
}
div.menu ul li {
float:left;
display:block;
}
div.menu ul li a,
div.menu ul li a:visited {
color:#FFFFFF;
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:15px 20px 15px;
text-transform:uppercase;
text-decoration:none;
}
div.menu ul li a:hover {
text-decoration:underline;
background:#222;
color:#fff;
}

/* headers */
h1 {
font-size:3.2em;
letter-spacing:-2px;
text-align:left;
line-height:1.0em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
h1 a, h1 a:hover, h1 a:visited {
text-decoration:none;
color:#ffffff;
font-weight:normal;
}
h2 {
color:#999999;
font-size:1.7em;
font-weight:normal;
padding:0 0 10px;
text-align:left;
text-transform:none;
}
h3 {
color:#4E8410;
font-size:1.2em;
font-weight:bold;
padding-bottom:5px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
padding-bottom:10px;
color:#011528;
text-transform:uppercase;
}
h5 {
padding-bottom:10px;
}
div.sidebar h4 {
background:#5CAD04 url(‚images/h4-header.png‘) repeat-x scroll center;
color:#fff;
padding:10px
}

/* element defaults */
p {
margin-bottom:20px;
line-height:1.9em;
font-size:0.75em;
}
ul {
font-size:0.75em;
padding:0 0 20px 35px;
list-style:none;
}
code {
background-color:#666666;
display:block;
color:#ffffff;
padding:10px;
margin:10px 0;
}

/* default forms */
fieldset {
border:none;
border-top:1px solid #dddddd;
margin-top:10px;
}
fieldset legend {
font-size:0.9em;
color:#999999;
font-weight:bold;
padding:5px;
background-color:#dddddd;
}
form { }
form input, form textarea {
border:1px solid #999999;
border-bottom-color:#cccccc;
border-right-color:#cccccc;
padding:5px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
}
form input.formbutton {
background:#579612 none repeat-x scroll bottom left;
border:1px solid #497F10;
color:#ffffff;
font-size:0.9em;
padding:6px 14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* default tables */
table {
width:100%;
margin-bottom:10px;
font-size:0.75em;
}
table tr th, table tr td {
padding:5px 10px;
}
table tr th {
background:#579612 none repeat-x scroll bottom left;
color:#ffffff;
border-top:3px solid #497F10;
}
table tr td {
border-bottom:1px solid #dddddd;
}

/* default links */
a, a:visited {
color:#599813;
}
a:hover {
color:#3A5C14;
}
div.sidebar a, div.sidebar a:visited {
font-size:0.9em;
color:#fff;
}
div.sidebar a:hover {
color:#eee;
}

/* content */
div.page-content {
float:left;
width:480px;
padding:10px;
background:#f0f0f0 url(‚images/content-bg.jpg‘) no-repeat scroll top center;
}
div.content {
background:#454545;
padding:10px 0px 10px 0px;
color:#454545;
}
div.content ul {
font-size:0.75em;
list-style:disc;
}
div.content ul li {
padding-bottom:5px;
}

/* sidebar */
div.column-right {
float:right;
color:#fff;
}
div.column-left {
float:left;
}
div.sidebar {
width:210px;
padding:0 10px;
}
div.sidebar p {
color:#fff;
margin-bottom:40px;
padding:2px;
}
div.sidebar ul {
font-size:0.9em;
margin:0 0 40px;
padding:0px;
list-style:none;
}
div.sidebar ul li {
padding:0;
}
div.sidebar ul li ul {
padding:0 2px 5px;
border-bottom:4px solid #212121;
background-color:#333;
}
div.sidebar ul li ul li {
padding:5px 10px;
}

/* footer */
p.footer {
text-align:center;
color:#fff;
background-color:#222222;
font-size:0.7em;
padding:20px 15px;
margin:0;
}
p.footer a {
color:#fff;
border-bottom:none;
text-decoration:underline;
}

/* search form */
form.searchform {
}

/* misc classes */
*:focus {
outline:none;
}
.clear {
clear:both;
}[/CODE]

2

Sorry, wenn das wenig hilfreich wird und leicht gefrustet klingt, aber: Was ist so schwierig daran, ein relevantes, möglichst einfaches und vor allem vollständiges (!) Codebeispiel zu erstellen, das den Fehler zeigt? Einfach lieblos irgendwelchen Code (darunter nicht einmal der HTML-Teil) ins Forum zu setzen, der dazu noch zu mindestens 90 % irrelevant ist, empfinde ich gegenüber den Helfern als reichlich unfair, da es den Aufwand, dir zu helfen, vervielfacht.

Bessere da bitte nach.

3

was meinst du mit vollständiges codebeispiel ? das ist die gesamte css datei, beim html gibts ja im grunde nich viel. vll hilft das noch

[CODE]

Name Hier [/CODE]

tut mir leid wenn ich dadurch hir negativ auffalle, aber habe nunmal dieses problem und wollte das alles so kurz und knapp wie möglich halten… falls ich was falsch verstanden habe oder was noch fehlt etc. schreibs bitte rein. danke für deinen hinweis, bin für jede hilfe dankbar

4

Ist die Seite im quirks- oder im Standardmode?

5

mach mal im parent des elements, dass im IE nicht zentriert wird noch die angabe
text-align:center;
mit rein.
könnte dein problem lösen…ohne gewähr natürlich :wink:

6

vl könntest du uns auch noch verraten in welchem IE die seite falsch dargestellt wird. 5,6,7,8 ? Falls dein browser lt(kleiner als) IE 6 ist, liegt es daran, dass er margin auto nicht kennt … (glaub zwar nicht, dass du so nen uraltbrowser hast, aber man weiß ja nie^^)
margin: Außenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

gruß Crapfruit

7

Ja, an das mit lt (;)) IE 6 hatte ich auch gedacht, aber ich bin davon ausgegangen, dass die Browser heutzutage keine Rolle mehr spielen.

Das folgende Beispiel klappt bei mir in den IEs 6-8 einwandfrei.

[html]

Name Hier

Dies ist ein Test.

[/html]

Na ja, der Punkt ist hauptsächlich, dass dir niemand weiterhelfen können wird. :wink: Ich habe vor meiner ersten Antwort schon in den Code geguckt, aber dein Wrapper sah eben okay aus (für IEs ab Version 6). Die Antworten, die du bisher bekommen hast (inklusive meiner hier), hätte ich grundsätzlich vorhersagen können (Einzelnachfragen nach Quirks- oder Standardmode, Hinweis auf text-align: center; usw.). Das wollte ich etwas abkürzen.

8

also der ie wo es komplett am linken bild ran klebt ist der IE 8.0

ich versuch nunmal die änderungen vorzunehmen und melde mich dann nocheinmal.

danke schonmal für die vielen antworten

edit: text-align:center; <<<< das war die lösung SUPER VIELEN DANK

9

Also Quirksmode - davon würde ich dir dringend abraten

10

was bedeutet das ?

11

Für den IE bewirkt der Quirks Mode eine css-Interpretation ähnlich des IE5.5.
In den meißten Browsern kann mann den Darstellungsmodi durch die doctype-Angabe beeinflussen.
DOCTYPE-Switch und seine Auswirkungen

12

Das heißt übrigens auch, dass der Code, den du in #3 gepostet hast, nicht der von deiner Seite ist, denn der in #3 enthält eine korrekte DOCTYPE-Angabe und würde beim Rendern den Standardsmode auslösen, wenn mich nicht alles täuscht.

So langsam beschleicht mich das Gefühl, dass du die Seite nicht selbst erstellt hast.

Das würde so einiges erklären.

13

Wer weiß was was vor dem doktype noch alles steht.

14

z.b. eine XML Deklaration

Ist google ausgefallen???

15

doch was ich in #3 angegeben habe ist richtig.

das problem mit der darstellung ist ja auch nur in verbindung meines php. wenn ich die seite als normale html teste geht es in jedem browser… auf jedenfall hat die änderung in der css abhilfe geschaffen.

bin kein freund von google struppi, da findet man meist 10 verschiedene antworten auf eine frage…

16

die kunst ist, die richtige für sich auszuwählen :wink:

17

Oder die korrekte Eingabe der Suche :wink:

18

Wenn du genannte Begriffe (doctype, XML Deklaration, Quirks Mode) nicht kennst, solltest du irgendwo nachsehen. Einen Linktipp hast du ja schon.
Möchtest du vielleicht einen Buchtipp? Oder bist du auch kein Freund von Büchern?

Im Fernsehen kommt diese Woche nichts über doctype.

19

Willst du mich veräppeln? Wenn ich Quirksmodus in google eingeben finde ich nur die eine korrekte Antwort. Und selbst wenn, die Thematik ist so umfangreich, dass es völliger Quatsch wäre, dies mal eben in einem Forum zu erklären. google zeigt die dafür mehrere Seiten, die ausführlich erklären was der Doctypeswitch ist und welche Auswirkungen er hat. Dann auf doof zu machen ist wirklich ein Armutszeugnis, vor allem das es um DEIN Problem geht.