• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fehler bei darstellung in FireFox

Status
Für weitere Antworten geschlossen.
L

lukiB

Mitglied
Hallo,
Ich habe mir probeweise mal ne Seite mit Boxen erstellt die untereinander, mittig angeordnet sind. In die unterste Box die eine Höhe von 60px hat, habe ich volgende Datei eingefügt:

Code: 
<a href="http://www.wieistmeineip.de/cometo/?de"><img src="http://www.wieistmeineip.de/ip-adresse/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>
Im IE 7.0 funktioniert das sehr gut (perfect) aber im firefo passiert das:
Will hier eigenlich n bild einfügen aber weis nicht wie das geht....^^

Also: Ich habe diesen Code, ein banner, in der untersten Box eingefügt.
Im IE wird das gabz normal dargestellt so wie es sein soll aber wenn ich die Seite im FireFox öffen kommt zwischen der untersten und der Box eins drüber eine weisse spalte die nicht sein soll... das liegt meiner meinung nach an dem Banner weil ohne das funktioniert es wunderbar.

Mfg lukiB
 
Hier der HTML Code:
Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">

 <head>
  <meta http-equiv="Content-Style-Type" content="text/css" />


 <title>lukiB´s Hp</title>

  <link rel="stylesheet" type="text/css"
  media="screen" href="design2.css" />

 </head>


 <body>

  <div id="seitenbereich">


  <div style="background-color:#000080;
            width:802px;
            height:20px;
            border:1px black solid;
            margin:auto

">

</div>



 <div style="background-color:#4169e1;
            width:800px;
            height:100px;
            border:2px black solid;
            border-top:none;
            margin:auto

">

</div>


 <div style="background-color:#4169e1;
            width:800px;
            height:600px;
            border:2px black solid;
            border-top:none;
            margin:auto


">

</div>

  <div style="background-color:#4169e1;
            width:800px;
            height:150px;
            border:2px black solid;
            border-top:none;
            margin:auto

">

</div>

 <div style="background-color:#000080;
            width:800px;
            height:60px;
            border-bottom:2px black solid;
            border-left:2px black solid;
            border-right:2px black solid;
            margin:auto

">
 <p align=center>
  <a href="http://www.wieistmeineip.de/cometo/?de"><img src="http://www.wieistmeineip.de/ip-adresse/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>
   </p>

 </div>
 </div>
 </body>
  
</html>
Und der design.css Code:
Code: 
body {
  text-align: center; margin-top:45px;
}
Mfg lukiB
 
okay, ein paar dinge die du falsch machst:


- das xml am anfang solltest du weglassen, damit kommt der IE nicht klar, also interpretiert er das falsch und stellt es anders dar.

- <p align> ist im xhtml strict nicht mehr erlaubt, dafür schreibst du in deine css datei p {text-align: center;}

ansonsten sehe ich nicht wo es falsch aussehen sollte.
vielleicht solltest du mal ein bild posten wie es deiner meinung nach aussehen sollte.
 
Okay, kannst du mir sagen was ich oben anstatt dem XML (das ist der Doctype oder?) hinmachen könnte?

Oder ist das richtig wenn ich einfach das:[HTML]<?xml version="1.0" encoding="iso-8859-1"?>[/html]aus der Datei entferne?

Wenn ich das: p {text-align: center;}
einfach dazu in die .css datei mache dann wird ja überall der Text oder ähnliches mittig... wie kann ich das machen das sich das p {text-align: center;} sich auf einen bestimmten text bezieht?

Mit dem bilder hochladen Posten weis ich leider nicht wie das geht...
C:%5CDokumente%20und%20Einstellungen%5C$$%20Lukas%20$$%5CDesktop%5CBilderMix%5Cf%C3%83%C2%BCrfo.bmp

 
also eine DOCTYPE ist z.b. das hier

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
das
HTML: 
p {text-align: center;}
bezieht sich nur auf bereiche zwischen
HTML: 
<p></p>
also bei dir nur im unteren bereich.

ansonsten musst du einen weiteren <div> container erstellen und dem eine klasse zuweisen:

HTML: 
<div class="mittig">mittiger text</div>
in deiner css datei ersetzt du das p duch .mittig

also statt
p {text-align: center;}
.mittig {text-align: center;}


 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben