Zeilenumbruch IE 7 und Firefox
flo2307
- browser
Hallo,
bin noch anfänger im html und css bereich und hab ein kleines problem:
die darstellung die ich haben möchte ist im ie7 korrekt aber in firefox nicht.
und zwar geht es um den zeilenumbruch.der ie 7 zeigt eine leerzeile an und firefox schreibt direkt in der nächsten zeile weiter. ich möchte natürlich das beide browser gleich aussehen...wie mach ich das ?
danke für die antworten.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>FLOVIS - WELT</title>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
</head>
<body>
<div id="page">
<div id="header">
<h1>FLOVIS - WELT</h1>
</div>
<div id="menulinks">
<a class="active" href=../index.html>Startseite</a>
<a href=../Fotos.html>Fotos</a>
<a href=../Berichte.html>Berichte</a>
<a href=mailto:webmaster@flovis-welt.de>E-Mail</a>
<a href=../Links.html>Links</a>
<a href=../Impressum.html>Impressum</a>
</div>
<div id="mainarea">
<div id="contentarea">
<h2>Hämelschenburg</h2>
Hämelschenburg: <br></br>
Seit 1437 ist die Hämelschenburg im Besitz der Familie von Klencke.
1588 ließen Jürgen Klencke und Anna von Holle die Hämelschenburg als Wasserschloss im Stil der Weserrenaissance errichten. Das Ensemble aus Mobiliar, Gebrauchsgegenständen und Kunstwerken haben die Besitzer
über Generationen vollständig erhalten.
Nach einem Besuch des Schlosses führen erholsame Spaziergänge zur historischen Wassermühle der Grabpyramide und zur ersten für einen protestantische Gemeinde gebauten Kirche Deutschlands.
Das Schloss ist in Privatbesitz und wird privat unterhalten.
1973 wurde das Schloss der Öffentlichkeit zugänglich gemacht. Zur Besichtigung des Schlosses und der Anlage finden Führungen statt, in denen das Bauwerk und die Architektur der Weserrenaissance erläutert und
die Geschichte und der Sitz einer niedersächsischen Adelsfamilie erklärt werden. Im Inneren werden die Räume gezeigt. Zur vollständig erhaltenen Ausstattung gehören u. a. Möbel aus der Renaissance und dem
Barock, eine Waffen- und Trophäensammlung und eine Sammlung von Kinder Porträts sächsischer und bayrischer Prinzen und Prinzessinnen.<br></br>
<center><a href="../Fotos/schloesser-fotos/Haemlischenburg/index.html" target="_blank">zu den Fotos </a></center>
</div>
</div>
</body>
</html>
@@flo2307:
nuqneH
danke für die antworten.
Zu früh bedankt. Es werden kaum Antworten kommen, solange du die Tips für Fragende nicht beherzigst.
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
Hm, und den Stil der Druckausgabe willst du dem Browser überlassen?
Tip: keine Angabe des Ausgabemediums im HTML. [Meiert]
Und noch einer: „Wir empfehlen, Anführungszeichen auch dann zu verwenden, wenn es möglich ist, sie wegzulassen.“ [HTML401 §3.2.2]
<div id="page">
Wozu dieser alles umfassende Container? Mit 'html' und 'body' stehen bereits zwei Elemente, die gestylt werden können, zur Verfügung. [ZITAT1287]
<div id="header">
<h1>FLOVIS - WELT</h1>
</div>
Und wozu dieser Container? Auch 'h1' kann – wie jedes Element – gestylt werden.
<div id="menulinks">
<a class="active" href=../index.html>Startseite</a>
<a href=../Fotos.html>Fotos</a>
<a href=../Berichte.html>Berichte</a>
<a href=mailto:webmaster@flovis-welt.de>E-Mail</a>
<a href=../Links.html>Links</a>
<a href=../Impressum.html>Impressum</a>
</div>
Ein Menü ist eine Liste, also 'ul' oder 'ol'.
Bei sämtlichen 'href'-Attributen sind Anführungszeichen erforderlich.
Der ausgewählte Menüpunkt sollte KEIN Link sein. „Verlinke niemals auf die aktuelle Seite.“ (Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen])
Das Ganze sollte so aussehen:
<ul id="menulinks">
<li>Startseite</li>
<li><a href="../Fotos.html>Fotos</a></li>
<li><a href="../Berichte.html>Berichte</a></li>
<li><a href="mailto:webmaster@flovis-welt.de>E-Mail</a></li>
<li><a href="../Links.html>Links</a></li>
<li><a href="../Impressum.html>Impressum</a></li>
</ul>
Hämelschenburg: <br></br>
In HTML 4.01 ist ein </br>-Endtag verboten.
Seit 1437 ist die Hämelschenburg im Besitz der Familie von Klencke.
1588 ließen Jürgen Klencke und Anna von Holle die Hämelschenburg als Wasserschloss im Stil der Weserrenaissance errichten. Das Ensemble aus Mobiliar, Gebrauchsgegenständen und Kunstwerken haben die Besitzer
über Generationen vollständig erhalten.
Wenn das Testabsätze sein sollen, solltest du sie als solche auszeichenen. [http://de.selfhtml.org/html/text/absaetze.htm@title=SELFHTML]
<center><a href="../Fotos/schloesser-fotos/Haemlischenburg/index.html" target="_blank">zu den Fotos </a></center>
'center' ist – wie alle darstellungsbezogenen Elemente und Attribute – missbilligt. Zum Ausrichten verwendest du besser CSS.
Qapla'
die antworten haben sich doch gelohnt...vielen dank dafür...die darstellung lag natürlich an dem endtag </br> wie ihr beiden schon richtig erkannt habt.vielen dank auch für die tips zu den design richtlinien.werde versuchen sie umzusetzen :-))
Hallo.
Das Ganze sollte so aussehen:
<ul id="menulinks">
<li>Startseite</li>
<li><a href="../Fotos.html>Fotos</a></li>
<li><a href="../Berichte.html>Berichte</a></li>
<li><a href="mailto:webmaster@flovis-welt.de>E-Mail</a></li>
<li><a href="../Links.html>Links</a></li>
<li><a href="../Impressum.html>Impressum</a></li>
</ul>
Na, immerhin war seine Lösung valide, hehe.
MfG, at
Hallo!
die darstellung die ich haben möchte ist im ie7 korrekt aber in firefox nicht.
Zeig uns doch bitte auch mal das CSS. Am besten lade das Dokument samt Stylesheet irgendwo hoch und verlinke es hier.
Aber ich vermute, die unterschiedliche Darstellung, die du meintest, rührt von dem Fehler in <br></br>. Beseitige den mal und teste, ob die Darstellung sich immer noch unterscheidet von Browser zu Browser. Tipp: Mit dem Validator kannst du Markup-Fehler aufspüren. Korrektes HTML ist Grundvoraussetzung für eine browserübergreifend einheitliche Umsetzung.
Mathias