zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Internet Explorer verschiebt Design völlig

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.01.2010, 19:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.01.2010
Beiträge: 9
Betty99 befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Internet Explorer verschiebt Design völlig

Hallo Zusammen!

Ich habe meine Seite heute auf den Webspace geladen und sie sowohl in Mozilla als auch Internet Explorer angeschaut. Leider wird sie im IE total verschoben angezeigt. Eigentlich ist die Homepage mittig ausgerichtet, da hängt sie aber oben links in der Ecke. Außerdem ist der div Block des Inhalts noch etwas nach rechts verschoben und zerstört so das ganze Design.
Kann mir jemand helfen?

Anbei der CSS Code:

* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
}

div#container {
margin: 0 auto;
width: 922px;
}

div#header {
width: 900px;
height: 130px;
background-color: #000000;
background-image: url(logo.gif);
background-repeat: no-repeat;
background-position: center;
padding: 10px;
border: 1px solid #E41370;
margin: 10px 0 5px 0;
}

div#navigation {
background-color: #000000;
width: 195px;
height: 100%;
float: left;
padding: 10px;
margin: 0px 5px 5px 0px;
border: 1px solid #E41370;
}

div#navigation a:link, div#navigation a:active, div#navigation a:visited {
color: #E41370;
text-decoration: none;
padding-left: 15px;
display: block;
border-bottom: 1px dotted #E41370;
padding-bottom: 5px;
margin-bottom: 10px;
background: url(nav_img.gif) no-repeat 5px 40%;
}

div#navigation a:hover, div#navigation:focus {
color: #FFFFFF;
text-decoration: none;
padding-left: 15px;
}

div#content {
background-color: #000000;
float: right;
border: 1px solid #E41370;
margin: 0px 0px 5px 0px;
padding: 10px;
width: 678px;
height: 100%;
display: inline;
}

div#footer {
background-color: #000000;
width: 900px;
clear: both;
border: 1px solid #E41370;
margin: 0px 0px 10px 0px;
padding: 10px;
text-align: center;
line-height: 15pt;
color: #E41370;
}

div#footer a:link, div#footer a:visited, div#footer a:active {
color: #E41370;
text-decoration: none;
}

div#footer a:hover, div#footer a:focus {
color: #E41370;
text-decoration: underline;
}

h1 {
color: #E41370;
margin-bottom: 0.5em;
}

b {
font-size: 13px;
color: #FFFFFF;
font-weight: normal;
}

p {
font-size: 13px;
margin: 0.5em 0 0.5em 0;
}

p a:link, p a:visited, p a:active {
color: #E41370;
text-decoration: none;
}

p a:hover, p a:focus {
color: #E41370;
text-decoration: underline;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.01.2010, 19:55
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Ausschließlich CSS-Code zu posten, reicht in der Regel nicht dazu aus, um ein Problem nachvollziehbar zu machen.

Da du deine Seite ja bereits online gestellt hast, wäre es am einfachsten, wenn du den Link zur Seite postest.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.01.2010, 20:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.01.2010
Beiträge: 9
Betty99 befindet sich auf einem aufstrebenden Ast
Standard

Hier der Link zur Seite: Home

Die Seite wird mit Typo3 erstellt...
Nochmal zur Info: In alten Versionen des IE wird es verschoben angezeigt!

Danke für Antworten!
Mit Zitat antworten
  #4 (permalink)  
Alt 20.01.2010, 20:56
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Alte IE und IE im Quirksmodus zentrieren nicht per margin: 0 auto; , sondern per text-align: center.

Deine Seite wird im IE durch die erste Codezeile (<?xml version="1.0" encoding="iso-8859-1"?>) in den Quirksmode geschaltet. Resultat: s.o.
Diese Zeile kann/muss also ersatzlos raus.

Die Scherereien mit den IE sind ja bei deiner Seite in den besten Händen. *SCNR*
Mit Zitat antworten
  #5 (permalink)  
Alt 20.01.2010, 21:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.01.2010
Beiträge: 9
Betty99 befindet sich auf einem aufstrebenden Ast
Standard

Danke für die schnelle Antwort...

Nochmal 2 ganz dumme Anfängerfragen:

1. margin: 0 auto; kann ich ja nicht mit text-align = center ersetzen? Da steht ja dann der Text mittig und das Design hängt wieder links rum?!

2. Wo nehme ich diese Zeile raus (<?xml version="1.0" encoding="iso-8859-1"?>)? Die steht ja weder im HTML noch im CSS Sheet?!
Mit Zitat antworten
  #6 (permalink)  
Alt 20.01.2010, 21:37
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
Zitat von Betty99 Beitrag anzeigen
1. margin: 0 auto; kann ich ja nicht mit text-align = center ersetzen? Da steht ja dann der Text mittig und das Design hängt wieder links rum?!
Wenn das text-align: center in body steht, reicht es aus, den ersten Container zusätzlich mit text-align: left wieder linksbündig auszurichten.


Zitat:
Zitat von Betty99 Beitrag anzeigen
2. Wo nehme ich diese Zeile raus (<?xml version="1.0" encoding="iso-8859-1"?>)? Die steht ja weder im HTML noch im CSS Sheet?!
Doch, sie steht im Quelltext deiner von dir verlinkten Seite. Wie du Typo 3 nun dazu bringst, dass diese Zeile nicht mehr geschrieben wird, kann ich dir nicht sagen, da ich nicht mit diesem CMS arbeite.
Mit Zitat antworten
  #7 (permalink)  
Alt 20.01.2010, 21:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.01.2010
Beiträge: 9
Betty99 befindet sich auf einem aufstrebenden Ast
Standard

Das mit dem text align = center funktioniert so leider nicht...
Mein Container hängt dann links und nicht mittig!

Ok dann werd ich wohl mal in einem Typo3 Forum fragen...

Danke dir
Mit Zitat antworten
  #8 (permalink)  
Alt 20.01.2010, 21:56
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

"funktioniert so nicht"

Zeig doch mal bitte deine beiden Regeln für body und #container.
Mit Zitat antworten
  #9 (permalink)  
Alt 20.01.2010, 21:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.01.2010
Beiträge: 9
Betty99 befindet sich auf einem aufstrebenden Ast
Standard

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-align: center;
}


div#container {
width: 922px;
}

bei body habe ich text-align: center; hinzugefügt wie du es gesagt hast, beim container das mit margin raus... dann hängt das ganze aber am linken bildschirmrand!
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.01.2010, 22:09
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Moment bitte ...

Code:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-align: center;
}

div#container {
width: 922px;
margin: 0 auto;
text-align:left; 
}
Sollte so klappen ...
Mit Zitat antworten
Sponsored Links
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
internet explorer verschiebt content! alejandro CSS 4 07.05.2009 17:02
Breite & Internet Explorer 6 Innocentus CSS 3 01.04.2009 22:45
Internet Explorer verschiebt div Mietze CSS 9 31.05.2008 12:31
position probleme mit dem internet explorer alejandro CSS 6 11.02.2008 15:54
div Container verschiebt sich beim Internet Explorer 6 sandmanyz CSS 3 20.07.2007 20:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:01 Uhr.