Unterschiedliche ansicht in 3 Dateien zw. Firefox /IE @ tutorials.de: Tutorials, Forum & Hilfe

dline · 16.11.05 14:27

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

MasterEvil · 16.11.05 20:19

An das verschieben des Forms ist das <div id="anordnen"> schuld, bei Ansicht a hast du es auch nicht mit drin daher passts da.

Maik · 16.11.05 20:58

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-Code:
```
<!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-Code:
```
<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 :

1
2
3

<td width=100%><input type="text" name="from_name" size=50 maxlength=120 value=""</td></tr[b][color=red]>[/color][/b]<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[b][color=red]>[/color][/b]<tr><td nowrap align=right valign=top>Text:<br><i>(max. 1.000 Zeichen)</i></td><td></td>

dline · 17.11.05 10:49

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

Maik · 17.11.05 12:24

Zitat von dline

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

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

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

ie und firefox unterschiedliche farben

unterschiedliche End-Ansicht in IE und Firefox

unterschiedliche Darstellung IE und Firefox

Unterschiedliche Schriftgrößen im Firefox und IE

ansicht verschiebt sich in firefox

E-Mail:

Abonnieren Abbestellen