Firefox verschiebt Überschrift

rs-web · #1 (**permalink**) 18.02.2012, 15:49

Hi,
ich brauche wieder Mal eure Hilfe

. Und zwar wird im Firefox die Überschrift "Kontaktinformationen" in die Mitte verschoben: http://dbdbdbdb.db.funpic.de/kontakt.php

Bin über jeden Tipp dankbar

LG rs-web

Karlo · #2 (**permalink**) 18.02.2012, 16:00

Hi,

hm, in welcher Version von FF. Bei mir in der aktuellen ist alles i.O. , steht links.

rs-web · #3 (**permalink**) 18.02.2012, 16:05

Hi,
ich hab 10.02 heute frisch installiert

. Ich hab mal einen Screen gemacht:

http://dbdbdbdb.db.funpic.de/screen.jpg

LG rs-web

Manfred62 · #4 (**permalink**) 18.02.2012, 16:17

du musst clearen. Die h1 stösst am letzten input an.

rs-web · #5 (**permalink**) 18.02.2012, 17:04

Danke das wars

K.Roland · #6 (**permalink**) 18.02.2012, 22:13

Zitat:

Zitat von rs-web

http://dbdbdbdb.db.funpic.de/kontakt.php

Hallo,

das mit deinem Kontaktinformationen könntest du auch eleganter lösen. Warum mit DIVs?

HTML-Code:

<h1 class="kontakt-h1">Kontaktinformationen</h1>

<div class="kontakt-info-zeile-1">Adresse:
<div class="kontakt-info-1">Dirk Jansen</div>
<div class="kontakt-info-1">Cafe-Jansen</div>
<div class="kontakt-info-1">Mühlbachstraße 16</div>
<div class="kontakt-info-1">52385 Nideggen</div>
</div>
<div class="kontakt-info-zeile-2">Telefon/Fax:
<div class="kontakt-info-1">02427 9058 -17/-18</div>

</div>
<div class="kontakt-info-zeile-2">E-Mail Adresse:
<div class="kontakt-info-1">kontakt@broetchenshopper.de</div>
</div>
<div class="kontakt-info-zeile-1">Öffnungszeiten:
<div class="kontakt-info-1">09:00 - 12:00 (Mo-Fr)</div>
<div class="kontakt-info-1">14:00 - 16:00 (Mo-Do)</div>

</div>

Warum nicht so:

HTML-Code:

<dl>
<dt>Adresse:</dt>
<dd>
  <address>Dirk Jansen</address>
  <address>Cafe-Jansen</address>
  <address>Mühlbachstraße 16</address>
  <address>52385 Nideggen</address>
</dd>
<dt>Telefon/Fax:</dt>
<dd><address>02427 9058 -17/-18</address></dd>
<dt>E-Mail Adresse:</dt>
<dd><address>kontakt@broetchenshopper.de</address></dd>
<dt>Öffnungszeiten:</dt>
<dd>
<address>09:00 - 12:00 (Mo-Fr)</address>
<address>14:00 - 16:00 (Mo-Do)</address>
</dd>
</dl>

HTML-Code:

<!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="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>test</title>

<style type="text/css">
* { margin: 0; padding: 0; }

html {
   height: 100%;
}
body {
   font-family: Arial, Helvetica, sans-serif;
}
#content{
   width: 900px;
   background: #A77909 url(../menue-ganz-links.jpg) repeat-y;
   margin: 0 auto;
   border: 2px solid #000;
   padding-top: 10px;
}
h1 {
   font-size: 24px;
   color: #fff;
   letter-spacing: 1px;
   margin: 10px;
   margin-left: 15px;
   text-align: left;
   font-weight: normal;
}
dl {
   width: 500px;
   color: #fff;
   font-size: 17px;
   letter-spacing: 1px;
   margin-top: 20px;
   margin-left: 50px;
}
dt {
   float: left;
   width: 200px;	
}
dd {
   margin-left: 255px;
   padding-bottom: 20px;	
}
dd address {
   color: black;
   padding-bottom: 8px;
   font-size: 16px;
   font-style: normal; 
}
</style>

</head>
<body>

<div id="content">
<h1>Kontaktinformationen</h1>

<dl>
<dt>Adresse:</dt>
<dd>
  <address>Dirk Jansen</address>
  <address>Cafe-Jansen</address>
  <address>Mühlbachstraße 16</address>
  <address>52385 Nideggen</address>
</dd>
<dt>Telefon/Fax:</dt>
<dd><address>02427 9058 -17/-18</address></dd>
<dt>E-Mail Adresse:</dt>
<dd><address>kontakt@broetchenshopper.de</address></dd>
<dt>Öffnungszeiten:</dt>
<dd>
<address>09:00 - 12:00 (Mo-Fr)</address>
<address>14:00 - 16:00 (Mo-Do)</address>
</dd>
</dl>
</div>

</body>
</html>

___________
Gruß,
Roland

rs-web · #7 (**permalink**) 19.02.2012, 17:52

Hey,
danke für den Tipp. Werde das bei Gelegenheit gleich anpassen

LG rs-web

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
Div verschiebt sich nach unten Firefox 2.0	netti1982	CSS	6	21.06.2010 18:07
IE verschiebt Texteinzug bei linksstehender Überschrift	duff	CSS	2	20.07.2008 15:08
Margin auf LI verschiebt komplettes UL im Firefox	Dwarf	CSS	2	10.09.2007 11:31
navigation verschiebt sich in firefox	mol38	CSS	24	11.01.2007 19:06
Firefox verschiebt Text.	oneByte	(X)HTML	20	13.10.2006 19:19