Erneut Probleme mit dem IE

Diskutiere mit über: Erneut Probleme mit dem IE im Web Page Design Forum

  1. _julius

    _julius Thread Starter MacUser Mitglied

    Beiträge:
    722
    Zustimmungen:
    0
    Registriert seit:
    11.10.2004
    Hey Leute,

    ich mache es kurz um nicht zur Last zu fallen! Ich habe ein Layout in HTML und CSS gebastelt und der IE macht mir mal wieder das Leben zur Hölle! Ich habe alles ausprobiert, dennoch macht mir der IE oberhalb und links vom Logo, sowie vom Bild mehr Pixel als ich eigentlich will.

    HTML:
    body{
    	background-color:#333333;
    	background-image:url(images/background.jpg);
    	background-attachment:scroll;
    	background-position:top;
    	background-repeat:repeat-x;
    	padding:0px;
    }
    
    #groundcell {
    	height:550px;
    	width:650px;
    	border: solid #FFFFFF 1px;
    	background-color:#FFFFFF;
    	margin-left:auto;
    	margin-right:auto;
    	padding:0px
    	}
    
    #headleiste {
    	height:7px;
    	width: 650px;
    	background-image:url(images/pageheadback.jpg);
    	background-attachment:scroll;
    	background-position:top;
    	background-repeat:repeat-x;
    	}
    
    #logo {
    	height:34px;
    	width:139px;
    	float:left;
    	margin-left:4px;
    	margin-top:0px;
    	}
    	
    #mainpicture {
    	background-color:#FF6600;
    	height:300px;
    	width:642px;
    	float:left;
    	margin-left:4px;
    	margin-top:4px;
    	}
    
    
    und die html:

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>stereopoly</title>
    <link href="design.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    
    <div id="groundcell">
    					<div id="headleiste"></div>
    					<div id="logo"><a href="http://www.stereopoly.de"><img src="images/logo.jpg" alt="sterepoly" border="0" /></a></div>
    					<div id="mainpicture"><img src="images/mainpic.jpg" alt="Hamburg" /></div>
    					
    				
    				
    				
    				
    				
    				
    				</div>
    </body>
    </html>
    
     

    Anhänge:

  2. falkgottschalk

    falkgottschalk MacUser Mitglied

    Beiträge:
    24.026
    Zustimmungen:
    1.598
    Registriert seit:
    22.08.2005
    delme!
     
  3. falkgottschalk

    falkgottschalk MacUser Mitglied

    Beiträge:
    24.026
    Zustimmungen:
    1.598
    Registriert seit:
    22.08.2005
    Einmal*,.
     
  4. falkgottschalk

    falkgottschalk MacUser Mitglied

    Beiträge:
    24.026
    Zustimmungen:
    1.598
    Registriert seit:
    22.08.2005
    Einmal*
     
  5. falkgottschalk

    falkgottschalk MacUser Mitglied

    Beiträge:
    24.026
    Zustimmungen:
    1.598
    Registriert seit:
    22.08.2005
    Einmal*,.,
     
  6. falkgottschalk

    falkgottschalk MacUser Mitglied

    Beiträge:
    24.026
    Zustimmungen:
    1.598
    Registriert seit:
    22.08.2005
    Ähm, sory, aber irgendwie hat mein Safari einen kleinen Aussetzer gehabt; wahrscheinlich war der Mac beleidigt, weil ich nebenam an der Dose etwas machen muss, was am Mac nicht geht..
    Zu Deinem Problem:
    Einmal abgesehen davon, dass den Unterschied wirklich keiner bemerken wird, ist die Frage, womit du dir das angeschaut hast.
    IE auf Mac? Das ist wirklich kein Argument mehr, weil der seit ewigen Zeiten total buggy ist, nicht mehr weiterentwickelt wird und auch anders darstellt als der IE auf dem PC.
     
  7. _julius

    _julius Thread Starter MacUser Mitglied

    Beiträge:
    722
    Zustimmungen:
    0
    Registriert seit:
    11.10.2004
    dargestellt mit IE auf PC.
     
  8. Herr Chow

    Herr Chow Gast

    Bei komplexeren Layouts kommt man nicht um eine Browserweiche, d.h. Du arbeitest mit mehreren Stylesheets, oder die bekannten IE-Hacks innerhalb der CSS-Datei herum.
     
  9. _julius

    _julius Thread Starter MacUser Mitglied

    Beiträge:
    722
    Zustimmungen:
    0
    Registriert seit:
    11.10.2004
    ehm, beispiele? wo liegt das problem und wie kann ich es lösen?
     
  10. Herr Chow

    Herr Chow Gast

    Gib unterhalb von #logo folgendes in Dein Stylesheet ein:

    html>body #logo {
    height:34px;
    width:139px;
    float:left;
    margin-left:4px;
    margin-top:0px;
    }

    Diese Zeilen können vom IE nicht interpretiert werden; in die vorhergehende Definition von #logo probierst Du nun verschiedene margin-Werte aus, bis Dein Logo im IE gut aussieht. Die anderen Browser ignorieren diese Modifikationen.

    Vorsicht: Dieser Hack könnte beim IE 7 nicht mehr funktionieren (ist aber vielleicht auch nicht mehr nötig).
     
Die Seite wird geladen...
Ähnliche Themen - Erneut Probleme dem Forum Datum
Google meldet sich bezüglich Web-Design Web Page Design 28.02.2015
Probleme mit HTML-Gerüst Web Page Design 22.10.2012
Probleme mit Hover und Positionierung der Navigation /CSS Web Page Design 19.06.2011
Probleme bei Wordpress Web Page Design 01.10.2010
Probleme mit Grafiken beim Firefox Web Page Design 07.01.2010

Diese Seite empfehlen

Benutzerdefinierte Suche