IE hat Probleme :)

Dieses Thema im Forum "Web Page Design" wurde erstellt von _julius, 05.05.2006.

  1. _julius

    _julius Thread Starter MacUser Mitglied

    MacUser seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    Hey Leute!

    Code grade an einer Seite und da ich immer den Feuerfuchs dafür benutze ist mir nie aufgefallen, dass die Seite im IE verwurstet ist. Was ist der Fehler?

    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>Unbenanntes Dokument</title>
    <link href="design.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <!--Grundzelle-->
    <div id="groundcell">
    	<div id="eckeobenlinks"></div>
    			<div id="kanteoben"></div>
    						<div id="eckeobenrechts"></div>
    									<div id="kantelinks"></div>
    									<!--Aufbau innerhalb des Rahmenkonstrukts-->
      													<div id="aufbau">
    												<div id="logoleiste">
    													<img src="images/logo.jpg" alt="logo" width="160" height="80" /></div>
    											    <ul class="menu"><li><a href="#"></a>Home</li><li><a href="#"></a>Shop</li><li><a href="#"></a>Kontakt</li><li><a href="#"></a>Anfahrt</li><li><a href="#"></a>Neuigkeiten</li>
    											  </ul>
    											  <div id="content"></div>
    									</div>
    								<!--Aufbau innerhalb des Rahmenkonstrukts-->
    			<div id="kanterechts"></div>
    	<div id="eckeuntenlinks"></div>
    			<div id="kanteunten"></div>
    						<div id="eckeuntenrechts"></div>
    	</div>
    <!--Ende Grundzelle-->
    </body>
    </html>
    
     
  2. CharlesT

    CharlesT unregistriert

    MacUser seit:
    07.05.2002
    Beiträge:
    3.929
    Zustimmungen:
    40
    Also mit IE 6.0 auf W2000Prof geht es einwandfrei, nur das Bild fehlt. ;)
     
  3. _julius

    _julius Thread Starter MacUser Mitglied

    MacUser seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    HTML:
    body {
    	background-image: url(images/background.jpg);
    	}
    	
    /* Die Grundzellen */
    
    #aufbau {			/*Container für alle Elemente außerhalb des Rahmenkonstrukts*/
    	height:400px;
    	width:600px;
    	float:left;
    	background-color:#FFFFFF;
    	}
    	
    #content {			/*Container für den Inhalt*/
    	height:340px;
    	width:600px;
    	float:left;
    	}
    
    #groundcell {  /*Grundzelle bzw. Grundlayout*/
    	width: 650px;
    	height: 450px;
    	margin:0px;
    	}
    
    #logoleiste {	/*Container fürs Logo*/
    	width:160px;
    	height:60px;
    	float:left;
    	background-color:#FFFFFF;
    	}
    
    #menuleiste {		/*Container fürs Menü*/
    	height:60px;
    	width:440px;
    	float:left;
    	}
    
    /* Die Ecken und Kanten */
    
    #kanteoben {
    	height:25px;
    	width:600px;
    	background-image:url(images/oben.jpg);
    	background-attachment:scroll;
    	background-position:top;
    	background-repeat:repeat-x;
    	float:left;
    	}
    
    #kanterechts {
    	height:400px;
    	width:25px;
    	background-image:url(images/rechts.jpg);
    	background-attachment:scroll;
    	background-position:top;
    	background-repeat:repeat-y;
    	float:left;
    	}
    
    #kantelinks {
    	height:400px;
    	width:25px;
    	background-image:url(images/links.jpg);
    	background-attachment:scroll;
    	background-position:top;
    	background-repeat:repeat-y;
    	float:left;
    	}
    
    #kanteunten {
    	height:25px;
    	width:600px;
    	background-image:url(images/unten.jpg);
    	background-attachment:scroll;
    	background-position:top;
    	background-repeat:repeat-x;
    	float:left;
    	}
    	
    #eckeobenlinks {
    	height:25px;
    	width:25px;
    	background-image:url(images/eckeobenlinks.jpg);
    	background-attachment:scroll;
    	background-position: left top;
    	background-repeat:no-repeat;
    	float:left;
    	}	
    
    #eckeobenrechts {
    height:25px;
    	width:25px;
    	background-image:url(images/eckeobenrechts.jpg);
    	background-attachment:scroll;
    	background-position: right top;
    	background-repeat:no-repeat;
    	float:left;
    	}
    	
    #eckeuntenlinks {
    height:25px;
    	width:25px;
    	background-image:url(images/eckeuntenlinks.jpg);
    	background-attachment:scroll;
    	background-position: left bottom;
    	background-repeat:no-repeat;
    	float:left;
    	}	
    
    #eckeuntenrechts {
    height:25px;
    	width:25px;
    	background-image:url(images/eckeuntenrechts.jpg);
    	background-attachment:scroll;
    	background-position: right bottom;
    	background-repeat:no-repeat;
    	float:left;
    	}
    
    /* Ende der Ecken und Kanten */
    
    /* Menüformatierung */
    .menu {
    	text-align:right;
    	color:#333333;
    	font-family:Geneva, Arial, Helvetica, sans-serif;
    	font-size:16px;
    	padding-top:5px;
    	list-style:none;
    }
    
    .menu li {
    	display:inline;
    	margin-right:8px;
    	}
    
    /* Ende der Menüformatierung */
     
  4. Galanos

    Galanos MacUser Mitglied

    MacUser seit:
    19.12.2005
    Beiträge:
    624
    Zustimmungen:
    23
    Aehm … vielleicht habe ich's ueberlesen, aber was genau verwurstet der IE denn?
     
  5. _julius

    _julius Thread Starter MacUser Mitglied

    MacUser seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    ansicht: Dreamweaver

    so schauts auch im IE aus... :(

    so schaut die unterseite aus :/
     

    Anhänge:

  6. 2nd

    2nd MacUser Mitglied

    MacUser seit:
    25.07.2004
    Beiträge:
    8.902
    Zustimmungen:
    242
    PHP:
    <div id="groundcell">
       <
    div id="eckeobenlinks"></div>
         <
    div id="kanteoben"></div>
           <
    div id="eckeobenrechts"></div>
             <
    div id="kantelinks"></div>
               <!--
    Aufbau innerhalb des Rahmenkonstrukts-->
                 <
    div id="aufbau">
                  <
    div id="logoleiste"

    ...................... und alles wieder zutaggen
    Alter Verschalter, das nenn ich mal DIVitis: 7 (!!!) Hierarchieebenen. Das ist verbesserungswürdig Julius :)

    Frank
     
Die Seite wird geladen...

Diese Seite empfehlen