[HaBo]

Cyberm@ster · 28.06.08, 23:33

Hi, dies ist meine erste Homepage mit PHP/CSS, ich hoffe ihr könnt mir helfen. Im Firefox wird alles richtig angezeigt, aber der Internet Explorer zeigt den Content-Container unter der Navigationsleiste an... Ich poste mal die CSS-Datei und die Hauptseite (die Homepage ist noch nicht online).

PHP

PHP-Code:

 
<html>
 <head>
  <meta http-equiv="content-type" content="text/html" charset=ISO-8859-1">
  <meta name="keywords" lang="fr" content="">
  <title></title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>

 <body>

  <div id="sitebox">
   <div id="header">
   </div>

   <ul id="navigation">
    <li><a href="index.php">Accueil</a></li>
    <li><a href="index.php?page=profil">Mon profil</a></li>
    <li><a href="index.php?page=approche">Approche g&eacute;n&eacute;rale</a></li>
    <li><a href="index.php?page=cible">Client&egrave;le cible</a></li>
    <li><a href="index.php?page=legislation">Cadre l&eacute;gal</a></li>
    <li><a href="index.php?page=contact">Contact</a></li>
   </ul>

   <div id="content">
    <?php
        switch ($_GET["page"])
        {
         case profil :         include 'docs/fr/profil.php';
                                 break;
         case approche :     include 'docs/fr/approche.php';
                            break;
         case cible :        include 'docs/fr/cible.php';
                            break;

         case banques :        include 'docs/fr/banques.php';
                            break;
         /*case editeurs :    include 'docs/fr/editeurs.php';
                            break;*/
         case etablis :        include 'docs/fr/etablis.php';
                            break;
         case futurs :        include 'docs/fr/futurs.php';
                            break;
         case particuliers :include 'docs/fr/particuliers.php';
                            break;

         case legislation : include 'docs/fr/legislation.php';
                             break;
         case contact :        include 'docs/fr/contact.php';
                             break;
         default :            include 'docs/fr/accueil.php';
   }
  ?>
 </div>

 <div id="footer">
  <?php
      include 'docs/fr/footer.php';
  ?>
 </div>

 </div>

 </body>
</html>

CSS

PHP-Code:

  body {
    width: 100%;
    color: black; background-color: silver;
    font-size: 11pt; font-family: Arial,sans-serif;
    text-align : center;
    }

p {
    margin: 0px 0px 1em; padding: 0px;
    color:white;
    font-size: 11pt; font-family: Arial,sans-serif;
    text-align : left;
}

div#sitebox {
    width: 660px; min-height : 585px;
    height : auto;
    margin: 20px auto; padding : 20px;
    text-align: center;
    background-color: #333;
    }

div#header {
    margin : 0px 0px 20px; padding : 0px;
    border : none;
    background: url("images/header.gif") no-repeat;
    height : 145px;
    }

/*div#header h1{
    margin: 0; padding: 0;

    /*border: none;
    color : white;
    text-align: center;
    font-size: 12pt;

    }*/

ul#navigation {
    width: 140px;
    margin: 0px; padding: 0px;
    float: left;
    border: 1px dashed silver;
    background-color: #693;/*#69f;*/
    font-size: 11pt;
    }

ul#navigation li {
   margin: 0px; padding: 0px;
   list-style: none;
   }

ul#navigation a {
    padding: 5px 0px;
    display: block;
    text-decoration:none;
    color:white
      }

ul#navigation a:hover {
    color: #333; background-color: white;
    font-weight: bold;
      }

/*div#infobox {
    width: 140;
    margin : 0; padding : 10;
    float: right;
    border : 1px dashed silver;
    background-color : #69f;
    }*/

div#content {
    width:476px;
    min-height : 300px;
    height : auto;
    margin: 0px 10px 0px 160px; padding: 10px;
    border: 1px dashed silver;
    background-color: #693;
    }

#content h1 {
    margin: 0px 0px 1em; padding: 0px;
    color:white;
    font-size: 12pt; font-family: Arial,sans-serif; font-weight : bold;
    text-align : left;
    }

#content h2 {
    margin: 0px 0px 1em; padding: 0px;
    color:white;
    font-size: 11pt; font-family: Arial,sans-serif; font-weight : bold;
    text-align : left;
    }

#content ul {
    list-style : inside circle;
    color : white;
    text-align : left;
    }

#content a {
    color: white;
    text-decoration : underline;
    /*background-image : url('images/link.gif');
    background-repeat : no-repeat;
    padding-left : 18px;*/
}

#content a:hover {
    color: #333;
    background-color:white;
}

* html div#content {
    height: 300px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    }

div#footer {
    margin : 20px 0px 0px; padding : 10px;
    border : none;
    background-color: #693;
    height : 60px;
    }

div#footer p{
    text-align : center;
    font-size : 9pt;
    font-family: Arial,sans-serif;
    color : white;
    }

// Edit: Zum einen hatte ich vergessen den Doctype anzugeben, zum anderen hab ich mit

Code:

<!--[if ie]>
  <link rel="stylesheet" type="text/css" href="style_ie.css">
  <![endif]-->

ein extra Stylesheet für den IE eingebunden. Jetzt hab ich eine Darstellung mit der ich leben kann.

Anzeige

- Anzeige -

28.06.08, 23:33	#1 (permalink)
Cyberm@ster Senior Member Registriert seit: 27.06.04 Likes: 0	Content im Div-Container wird unter der Navigation angezeigt (IE 7) Anzeige Hi, dies ist meine erste Homepage mit PHP/CSS, ich hoffe ihr könnt mir helfen. Im Firefox wird alles richtig angezeigt, aber der Internet Explorer zeigt den Content-Container unter der Navigationsleiste an... Ich poste mal die CSS-Datei und die Hauptseite (die Homepage ist noch nicht online). PHP PHP-Code: <html> <head> <meta http-equiv="content-type" content="text/html" charset=ISO-8859-1"> <meta name="keywords" lang="fr" content=""> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="sitebox"> <div id="header"> </div> <ul id="navigation"> <li><a href="index.php">Accueil</a></li> <li><a href="index.php?page=profil">Mon profil</a></li> <li><a href="index.php?page=approche">Approche générale</a></li> <li><a href="index.php?page=cible">Clientèle cible</a></li> <li><a href="index.php?page=legislation">Cadre légal</a></li> <li><a href="index.php?page=contact">Contact</a></li> </ul> <div id="content"> <?php switch ($_GET["page"]) { case profil : include 'docs/fr/profil.php'; break; case approche : include 'docs/fr/approche.php'; break; case cible : include 'docs/fr/cible.php'; break; case banques : include 'docs/fr/banques.php'; break; /case editeurs : include 'docs/fr/editeurs.php'; break;/ case etablis : include 'docs/fr/etablis.php'; break; case futurs : include 'docs/fr/futurs.php'; break; case particuliers :include 'docs/fr/particuliers.php'; break; case legislation : include 'docs/fr/legislation.php'; break; case contact : include 'docs/fr/contact.php'; break; default : include 'docs/fr/accueil.php'; } ?> </div> <div id="footer"> <?php include 'docs/fr/footer.php'; ?> </div> </div> </body> </html> CSS PHP-Code: body { width: 100%; color: black; background-color: silver; font-size: 11pt; font-family: Arial,sans-serif; text-align : center; } p { margin: 0px 0px 1em; padding: 0px; color:white; font-size: 11pt; font-family: Arial,sans-serif; text-align : left; } div#sitebox { width: 660px; min-height : 585px; height : auto; margin: 20px auto; padding : 20px; text-align: center; background-color: #333; } div#header { margin : 0px 0px 20px; padding : 0px; border : none; background: url("images/header.gif") no-repeat; height : 145px; } /div#header h1{ margin: 0; padding: 0; /border: none; color : white; text-align: center; font-size: 12pt; }/ ul#navigation { width: 140px; margin: 0px; padding: 0px; float: left; border: 1px dashed silver; background-color: #693;/#69f;/ font-size: 11pt; } ul#navigation li { margin: 0px; padding: 0px; list-style: none; } ul#navigation a { padding: 5px 0px; display: block; text-decoration:none; color:white } ul#navigation a:hover { color: #333; background-color: white; font-weight: bold; } /div#infobox { width: 140; margin : 0; padding : 10; float: right; border : 1px dashed silver; background-color : #69f; }/ div#content { width:476px; min-height : 300px; height : auto; margin: 0px 10px 0px 160px; padding: 10px; border: 1px dashed silver; background-color: #693; } #content h1 { margin: 0px 0px 1em; padding: 0px; color:white; font-size: 12pt; font-family: Arial,sans-serif; font-weight : bold; text-align : left; } #content h2 { margin: 0px 0px 1em; padding: 0px; color:white; font-size: 11pt; font-family: Arial,sans-serif; font-weight : bold; text-align : left; } #content ul { list-style : inside circle; color : white; text-align : left; } #content a { color: white; text-decoration : underline; /background-image : url('images/link.gif'); background-repeat : no-repeat; padding-left : 18px;/ } #content a:hover { color: #333; background-color:white; } html div#content { height: 300px; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */ } div#footer { margin : 20px 0px 0px; padding : 10px; border : none; background-color: #693; height : 60px; } div#footer p{ text-align : center; font-size : 9pt; font-family: Arial,sans-serif; color : white; } // Edit: Zum einen hatte ich vergessen den Doctype anzugeben, zum anderen hab ich mit Code: <!--[if ie]> <link rel="stylesheet" type="text/css" href="style_ie.css"> <![endif]--> ein extra Stylesheet für den IE eingebunden. Jetzt hab ich eine Darstellung mit der ich leben kann.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
cd/dvd laufwerk wird nur ab und zu angezeigt	ToXiCity	Hardware Probleme	2	02.01.09 19:28
IIS 6.0 , PHP 4.4.4 - IP wird nicht angezeigt	ba2	Internet Allgemein	2	27.10.06 22:25
meine ip wird bei dc++ angezeigt	pink	(In)security allgemein	3	08.01.06 22:20
Menü unter Navigation	Brainscan	(Web-) Design und webbasierte Sprachen	7	16.12.01 13:29

[HaBo]

Content im Div-Container wird unter der Navigation angezeigt (IE 7)