|
|||
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; } |
Sponsored Links |
|
|||
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. |
Sponsored Links |
|
|||
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* |
|
|||
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?! |
|
|||
Zitat:
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. |
|
|||
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! |
Sponsored Links |
|
|||
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; } |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |