problem mit der div einrückung

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    problem mit der div einrückung

    also ich habe folgendes problem
    ich habe alles schön gemacht das es im mozilla richtig sitzt
    mach inet explorer an. und schon ist der teil für den content verückt.

    Hier der Link zu meinem Problem

    hier noch mein quelltext

    Code:
    <?php
session_start();
include "config.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="de" lang="de">  
  <head>    
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />  
      <meta name="robots" content="index, follow" />  
      
      <title>Clan[aF]</title>  
      <link type="text/css" rel="stylesheet" title="p19" href="style.css" />  
       
  </head>  
  <body> 
    <br /> 
    <div class="root">
 		  <div class="headbanner">
			   <img class="headbanner" src="includes/graphics/layout/headbanner.jpg" alt="Headbanner" title="CLan[aF]">
			</div>
			<div id="headline">
			    wichtiges
			</div>
			<div id="navi">
			   Anmelden<br>
			   Memberlist
			</div>
			<div id="content">	
          <?php include "content.php"; ?>
	    </div>
	  </div>
  </body>
</html>
<?php
    mysql_close($db);
    session_destroy(); 
?>
    und noch die stylesheets
    Code:
    *{

   font-family: Verdana, Tahoma, sans-serif;
   font-size: 12px;
   color: rgb(255,255,255);
}
body {
	background: rgb(0,0,0);
  text-align: center;
}
#headline {
  padding:0 0 0 0;
	margin: auto;
	width: 1024px;
	height: 50px;
	background-image: url("includes/graphics/layout/loginbackground.jpg");
	text-align: center;
} 
#navi{
  width: 120px;
  margin-left: 5px;
  margin-top: 10px;
  padding: 10px;
  border-right: 1px solid rgb(255,160,0);
  border-left: 1px solid rgb(255,160,0);
  background: rgb(86,86,86);
  float: left;
}
#content{
  width: 850px;
  margin-left: 155px;
  margin-right: 0px;
  margin-top: 10px;
  padding: 10px;
  border-right: 1px solid rgb(255,160,0);
  border-left: 1px solid rgb(255,160,0);
  background: rgb(86,86,86);
  float: left;
  position: absolute;
}
div.root{
  width: 1030px;
  padding: 0;
	margin: auto;
	text-align: left;
}

img.headbanner {
	width: 1024px;
	height: 119px;

	
}
div.headbanner{
  width: 1024px;
  padding: 0px;
	margin: auto;
}
    ich hoffe ihr könnt mir helfen dass es bei beiden gleich aussieht
    ich probier nun schon 2 stunden rum. Nichts tut irgendwie richtig.

    mfg florian
    Stichworte: -
  • #2
    http://validator.w3.org/check?uri=ht...Inline&group=0

    Kommentar

    • #3
      und was soll ic hdamit jetzt machen?

      Kommentar

      • #4
        Die Fehler vielleicht mal beheben?!!!!!

        Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!
        bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
        Wie man Fragen richtig stellt

        Kommentar

        • #5
          ich weiß ja nicht wie? wenn mir ma einer sagen würde was daran falsch ist
          ich bin ja nur ien kleiner hobby bastler

          Kommentar

          • #6
            ok ich habs verstanden
            ich weiß nur net was ich damit anfangen soll

            Line 1, Column 56: XML Parsing Error: Space required after the Public Identifier.
            …IC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-

            und das klärt immer noch nicht mein problem mit dem verrückten content

            aber hier ma der neue code

            Code:
            <?php
session_start();
include "config.php";
error_reporting(E_ALL);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="de" lang="de">  
  <head>    
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />  
      <meta name="robots" content="index, follow" />  
      
      <title>Clan[aF]</title>  
      <link type="text/css" rel="stylesheet" title="p19" href="style.css" />  
       
  </head>  
  <body> 
    <div class="root">
 		  <div class="headbanner">
			   <img class="headbanner" src="includes/graphics/layout/headbanner.jpg" alt="Headbanner" title="CLan[aF]" />
			</div>
			<div id="headline">
			    wichtiges
			</div>
			<div id="navi">
			   Anmelden<br />
			   Memberlist
			</div>
			<div id="content">	
          <?php include "content.php"; ?>
	    </div>
	  </div>
  </body>
</html>
<?php
    mysql_close($db);
    session_destroy(); 
?>

            Kommentar

            • #7
              Naja die Doctype-Deklaration sagt dem Browser, was es für ein Dokument ist und er rendert es dementsprechend. Allerdings sollte dazu der Doctype auch korrekt angegeben werden. Bei dir fehlt ein Leerzeichen zwischen den zwei Anführungszeichen.
              Setze das mal und dann schau nochmal nach. Vielleicht ist der Fehler dann weg, weil sich der Browser plötzlich ganz anders verhält.

              Kommentar

              • #8
                es geht leider immer noch nicht.
                der inet explerer schiebt sich der content immer noch zur seite
                ich muss aber dazu sagen, dass ich nich den ie7 benutze

                Kommentar

                • #9
                  Du solltest dich entscheiden, wie du den Content positionierst. Entweder floatest du ihn oder positionierst ihn absolut. Beides geht nicht und führt im IE zu besagter Darstellung. Nimm das absolute raus und setze den margin-left auf 10px. Oder ersetze margin-left durch left.
                  Der IE hat ausserdem noch ein paar vordefinierte Ränder. Falls noch weitere Probleme auftauchen schau dir das Ergebnis mal an, nachdem du im * Teil padding:0;margin:0; gesetzt hast.
                  Hoffe das hilft
                  ZC

                  Kommentar

                  • #10
                    danke ma eine antwort die ich als hilfreich erachte
                    ich werds probieren.
                    das prob is nur ich wills ja auflösungsunabhängig machen udn wenn ich left benutze gehts net glaub ich.

                    Kommentar

                    • #11
                      danke es funktioniert

                      Kommentar

                      Vorherige template Weiter
                      Lädt...
                      X