✔ Unterschiedliche ansicht in 3 Dateien zw. Firefox /IE

Status
Nicht offen für weitere Antworten.
D

dline

Mitglied
verschiedenes Layout Firefox /IE

Hi alle zusammen,
ich habe eine Homepage. Das Layout basiert auf CSS.
Ich benutze in meinen Dateien immer den nachfolgenden Code.


Code: 
  <link href="../style.css" rel="stylesheet" type="text/css">
  </head>
  <body>
  <div style="width:760px;margin:0px auto;text-align:left;background-color:#bdbec6;border:1px solid #000000;">
   <div id="title">
    <img src="logo9.gif" style="float:right;width:156px;height:39px;margin-left:3px;" alt="Logo" />
    <h1>Überschrift</h1>
   </div>
   <div id="left">
  <? include '../menu.php' ?>
  </div>
   <div id="content" >
  
   Inhalt aus MySql Datenbank
  </div>
    <br style="clear:both;" />
   </div>
   </body>


In 2 Dateien:
a) http://web60.xps4.microserver.de/readblog.php
b) http://web60.xps4.microserver.de/contact.php

Ist Ansicht a) ist der Text unter dem Menü
In Ansicht b) ist alles total zerrissen.


Meine CSS Datei ist folgende
Code: 
  body
  {
   font-family:Verdana;
   font-size:12px;
   background-color:#bdbec6;
   text-align:center;
   margin:0px;
  }
  h1 {font-size:18px;color:#000000;margin-bottom:0px;}
  h2 {font-size:16px;color:#000000;}
  h3 {font-size:14px;color:#000000;}
  
  code {font-size:14px;color:#0000ff;}
  pre
  {
   font-size:14px;
   color:#0000ff;
   padding:5px;
  }
  a:link, a:visited, a:active, a:hover
  {
    text-decoration:underline;
    font-weight:normal;
    color:#ff0000;
    font-size:12px;
  }
  a:active, a:hover
  {
    color:#009999;
  }
  a.menu {
   display:block;
   padding:3px;
   border-top:1px solid #000;
   background-color:#737994;
   text-align:center;
   color:#eeeeee;
   text-decoration:none;
   }
  a.menu:link, a.menu:visited
  {
    color:#eeeeee;
   background-color:#737994;
   text-decoration:none; font-weight:bold;
  }
  a.menu:active, a.menu:hover
  {
    color:#737994; font-weight:bold;
   background-color:#eeeeee;
  }
  #linkhidden{
  display:none;
  }
  
  #title {
  height:52px;
  padding:5px;
  background-color:#7b7d8e;
  border-bottom:1px solid #000;
  }
  #left {
  background-color:#bdbec6;
  width:128px;
  float:left;
  }
  .menutitle {
  font-weight:bold;
  text-align:center;
  margin:2px;
  }
  .menucontainer {
  border:1px solid #000;
  background-color:#7b7d8e;
  width:106px;
  margin:10px;
  }
  
  #content {
  border:1px solid #efeff7;
  background-color:#efeff7;
  width:610px;
  float:right;
  padding:0px 10px;
  }
  
  #anordnen {
  float:right;
  padding:0px 10px;
  width:500px
  }
  
  table {
  border-spacing:10px;
  width: 580px;
  }

Ich hoffe jemand von euch kann mir weiterhelfen.
Vielen Dank schonmal im voraus.
grüße dline
 
Zuletzt bearbeitet:
An das verschieben des Forms ist das <div id="anordnen"> schuld, bei Ansicht a hast du es auch nicht mit drin daher passts da.
 
  • Du verwendest in der contact.php einen anderen und zudem konträren Doctype, als in der readblog.php, was den IE in den sog. Quirksmode versetzt. Verwende für das Dokument die gleiche Doytype-Deklaration, wie für readblog.php
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
dann stellt der IE die Seite auch korrekt dar. Ansonsten verhält er sich wie seine 5er Vorgängerversionen.


  • In der readblog.php wird der Text (im IE) nach unten verschoben, weil die eingebundene Grafik
HTML: 
<img src="http://www.gernand24.de/images/aboutme/steffi-marco.jpg" alt="Mein Schatz und ich auf dem Zwiebelmarkt">
700 Pixel breit ist, für das DIV#content aber nur eine Breite von 610px vorgesehen ist.


  • In der contact.php stecken zwei Syntax-Fehler -> es fehlt die > -Klammer bei zwei </tr> -Elementen. Somit werden auch keine Tabellenreihen erzeugt und die Tabellenzellen (= Formular-Elemente) nebeneinander dargestellt:
Code: 
<td width=100%><input type="text" name="from_name" size=50 maxlength=120 value=""</td></tr><tr><td>Ihre E-Mail Adresse:</td><td></td>
<td width=100%><input type="text" name="from_mail" size=50 maxlength=120 value=""</td></tr><tr><td nowrap align=right>Betreff:</td><td></td>
<td width=100%><input type="text" name="mail_subject" size=50 maxlength=120 value=""</td></tr><tr><td nowrap align=right valign=top>Text:<br><i>(max. 1.000 Zeichen)</i></td><td></td>
 
Hi, vielen vielen Dank jetzt die Seite wieder :)
Ich war schon am verzweifeln. Es ist ja manchmal so, dass man sich den Code ansieht und ansieht und ansieht.... und nichts findet. In Codes von anderen fallen mir auch immer Fehler auf, aber in den eigenen.....


Nochmal vielen Dank :)
 
dline hat gesagt.:
Hi, vielen vielen Dank jetzt die Seite wieder :)
Ich war schon am verzweifeln. Es ist ja manchmal so, dass man sich den Code ansieht und ansieht und ansieht.... und nichts findet. In Codes von anderen fallen mir auch immer Fehler auf, aber in den eigenen.....


Nochmal vielen Dank :)
Zum Vergrößern anklicken....
Wenn das Problem durch meine Tipps gelöst wurde, dann markiere das Thema bitte auch durch einen Klick auf den 'Status-Button' rechts unterhalb des letzten Beitrags als 'erledigt'.

Vielen Dank ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück