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

Overbar --Keine Anzeige in Firefox

Fritte

Neues Mitglied
Hallo Leute ,
und zwar programmiere ich eine Homepage !
Diese ist so geplant, dass eine Navigation und eine Overbar via iFrame
eingebunden wird !
Nun habe ich aber das Problem, dass die Overbar im Firefox nicht angezeigt wird !
Es gibt also momentan 6 Dateien !

Index.html
Code:
   <html>

<!--Diese Homepage wurde erstellt und designd von © Christian Vrancken.
Es darf keinerlei Inhalt vn dieser Homepage bzw. dessen Quellcode entfernt werden
und für andere Homepages bzw. Websites ohne die Zustimmung von Christian Vrancken
verwendet werden !
Ein verstoss gegen diese Auflage führt zu einer Strafrechtlichen Anzeige-->




 <head>
 <link rel="stylesheet" type="text/css" href="index.css">
  <meta name="generator" content="HTML Studio">
  <META NAME="author" CONTENT="Christian Vrancken">
<META NAME="publisher" CONTENT="Gemeinde Schuld">
<META NAME="copyright" CONTENT="Christian Vrancken">
<META NAME="keywords" CONTENT="Schuld, Gemeinde, Helmut Lussi, Ahr, Pfarrei Schuld, St. Gertrud, Rosenthal, Ahrtal, Bürgermeister, Vereine, Nürburgring, Adenau, Rhein, Bonn, Ahrweiler, Gemeindeverwaltung, Rheinland-Pfalz, Freilichtbühne, Eifel, Ahrtal">
<META NAME="description" CONTENT="Homepage der Gemeinde Schuld">
<META NAME="page-topic" CONTENT="Gemeinde Schuld">
<META NAME="page-type" CONTENT="Bild Foto">
<META NAME="audience" CONTENT="Alle">
<META NAME="robots" CONTENT="INDEX,FOLLOW">
<meta name="Content-language" content="DE">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="generator" content="HTML Studio 1.4">

 <title> Homepage der Feuerwehr Schuld </title>

  <!--Favicon-->
 <LINK REL="SHORTCUT ICON" HREF="logoschwarz.jpg">
 <!--Favicon Ende-->


 </head>
 <body>
 

 <!--Einbindung der Navigation-->
 <iframe class="navi" src="navigation.html" height="800" width="250" scrolling="no">


 
 

 <!--Einbindung der Overbar-->
<iframe src="overbar.html" width="600" height="200">
 

 
 
 
 
 
 </body>
</html>
index.css
Code:
iframe.navi{
position:absolute;
left:0px;
top:0px;
border:0px;
}

iframe.over{
position:absolute;
left:248px;
top:0px;
border:none;

}

Navigation.html (die wirdangezeigt)
Code:
<html>
 <head>
  <meta name="generator" content="HTML Studio">
  <link rel="stylesheet" type="text/css" href="navi.css">
  <title>Navigation </title>
 </head>
 <body bgcolor="red">
 
<img class="logo" src="logo.gif" width="195" alt="">
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>



<table   class="menu1"  border="0" cellpadding="10" cellspacing="0" height="500" weight="300">

<tr>

<td>
<a href="news.html"  alt="Das Neuste">&nbsp;&nbsp;News</a></td>
</tr>
<tr>
<td >
<a href="uberschuld.html"  >&nbsp;&nbsp;Über Schuld</a></td>
</tr>
<tr>
<td >
<a href="verwaltung.html" >&nbsp;&nbsp;Verwaltung</a></td>
</tr>
<tr>
<td >
<a href="infra.html"  >&nbsp;&nbsp;Infrastruktur</a></td>
</tr>
<tr>
<td >
<a href="gallerie.html"  >&nbsp;&nbsp;Gallerie</a></td>
</tr><tr>
<td >
<a href="http://www.martinshuette.schuld-ahr.de/" target="_blank">&nbsp;&nbsp;Die Martinshütte</a></td>
</tr> <tr>
<td >
<a href="newsletter.html" >&nbsp;&nbsp;Newsletter</a></td>
</tr>
<tr>
<td >
<a href="http://www.schuld-ahr.de/forum"  target="_blank">&nbsp;&nbsp;Forum von Schuld</a></td>
</tr>
<tr>
<td >
<a href="anfahrt.html"  >&nbsp;&nbsp;Anfahrt</a></td>
</tr>
<tr>
<td >
<a href="feedback.html"  >&nbsp;&nbsp;Feedback</a></td>
</tr>
<tr>
<td >
<a href="links.html"  >&nbsp;&nbsp;Links</a></td>
</tr>
&nbsp;<tr>
<td >
<a href="guestbook.html"  >&nbsp;&nbsp;Gästebuch</a></td>
</tr>
<tr>
<td >
<a href="email.html"  >&nbsp;&nbsp;E-Mail - Adressen </a></td>
</tr>
<tr>
<td >
<a href="hinweis.html"  >&nbsp;&nbsp;Hinweis</a></td>
</tr>
<tr>
<td >
<a href="webmaster.html"  >&nbsp;&nbsp;Webmaster </a></td>
</tr><tr>
<td >
<a href="impressum.html"  >&nbsp;&nbsp;Impressum </a></td>
</tr>
</table>
 
 
 
 
 
 

 </body>
</html>
navi.css
Code:
 table.menu1{
position:absolute;
left:10px;
}

.menu1 a , .menu1 a:visited , .menu1 a:active {display:block;
background-image:url(images/black.png)!important;
background-image:url(images/black.gif);background-repeat:repeat;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);color:#fff;
text-decoration:none ;
text-align:center;
width:200px;
border:solid 1px #b6b6b6;
font-size: 12px;line-height: 28px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
margin:1px;
color:black;
}

.menu1 a:hover{background-image:url(images/black60.png)!important;
background-color:black;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
color:red;
text-decoration:underline ;

}

img.logo{
position:absolute;
left:23px;
top:10px;
}
overbar.html (DAS WIRD IM FIREFOXNICHT ANGEZEIGT)
Code:
<html>
 <head>
 <link rel="stylesheet" type="text/css" href="over.css">
  <meta name="generator" content="HTML Studio">
  <title>Overbar</title>
 </head>
 <body bgcolor="red">
 
 <div class="schrift">Homepage der Feuerwehr Schuld-Ahr</div>

 </body>
</html>
over.css
Code:
div.schrift{
font-size:25px;
font-family:"Times New Roman","Comic Sans MS";sans-serif;
text-decoration:underline;
position:absolute;
top:20px;
left:200px;

}
So ich hoffe mir kann jemand Anhand der QT`s sagen , wieso die Overbar im IE angezeigt wird und im FF nicht !

Wenn noch Informationen benötigt werden reiche ich diese gerne noch nach .

Falls dieser Thread in der falschen Zone ist bitte ich darum diesen zu Verschieben !
 
Werbung:
huch ...
ich weiss jetzt garnicht was du meinst !
Kannst du vll. ein Beispiel geben ?
Falls du auf die zugewiesene Klasse hinweisen wills die in
der index.css angegebne ist !
Die war bei meinem Versuch angegeben !
 
Werbung:
"Valides HTML" bedeutet soviel wie "syntaktisch fehlerfreies HTML".
Wenn DU Fehler in Deinem HTML-Code hast, dann ist die Umsetzung im Browser reiner Zufall. Denn der Browser kann natürlich nur das richtig machen, was gemäß den Sprachdefinitionen erstellt wurde.

Also lass Deine Seite im The W3C Markup Validation Service validieren und beseitige ALLE Fehler.
 
Ja ich hbas gefunden !
Wird jetzt auch angezeigt !
Allerdings hab ich ja links die Navigation
und da stehen Links drin !
Das Feld was eigentlich "main" sein müsste is ja nich als iframe
gekennzeichnet !
wie kann ich jetzt machen , dass da ganze im bereich ,
wo "main" sein müsste angezeigt wird ?
target="????"


Danke für die Hilfe schon im Vorraus
 
Zuletzt bearbeitet:
Bei target gibst Du den Namen des Fensters oder Frames an, in dem Du die Seite öffnen willst.

Aber auf Frames und Tabellenlayout willst Du nicht verzichten und nicht lieber HTML lernen?
 
Werbung:
Ich will Dir nicht zu nahe treten, aber wenn Du den Code oben geschrieben hast, dann hast Du keinen Schimmer, wozu HTML eigentlich da ist. Und "länger" nicht damit zu tun, heißt so 10-15 Jahre.

Schlimm ist das nicht. Jeder war mal Anfänger. Schlimm wirds nur, wenn Du an diesem Zustand nichts änderst.

Um Dich mal auf den richtigen Weg zu bringen (für alles weitere einfach fragen):
HTML ist NICHT für das Aussehen der Website da.
HTML sorgt dafür, dass der Inhalt eine SEMANTISCHE BEDEUTUNG bekommt.

Wenn man das berücksichtigt, erkennt man, dass Dein Code oben völlig sinnfrei ist.

Beispiel?
Code:
<div class="schrift">Homepage der Feuerwehr Schuld-Ahr</div>
Der Inhalt bekommt hier keine Bedeutung zugewiesen.
Das Tag <div> ist das "allgemeine Block-Element", das zum Gruppieren mehrerer Element benutzt wird. Wir haben hier keine Gruppe.
Außerdem vermute ich (was Clients nicht können), dass das eine Überschrift darstellen soll. Das ist aber keine. Das ist undefinierbarer Inhalt. Zur Überschrift wirds erst, wenn Du es auch mit einem der Tags (dem richtigen!) für "Überschrift" auszeichnest.

Noch ein Beispiel?
Ein Menü als Tabelle! Eine Tabelle zeichnet tabellarische Daten aus, die sind mindestens zweidimensional. Ein Menü ist aber eindimensional, entspricht also am ehesten einer Liste und muss daher auch als solche ausgezeichnet werden.

Ansatz verstanden? Vertiefe das, dann kannst Du wieder sagen, dass Du HTML kannst.

Fragen? Fragen!

Liebe Grüße,
-Efchen
 
Zurück
Oben