Linker Rahmen wird im Firefox nicht angezeigt

[S-K]

Guten Tag ihr alle,

ich bin grade dabei, ein paar Schönheitskorrekturen an meiner Webseite vorzunehmen. Dabei stelle ich fest, dass ein linker Rahmen im Firefox nicht dargestellt wird. Genauer gesagt, der linke Rahmen vom "Container" Habe jetzt schon ein Weilchen rumgetüftelt und gesucht, bin aber noch zu keiner Problemlösung gekommen. Vielleicht kann mir hier jemand helfen.

Hier der HTML-Code:

  
  
<div align="center">  
<div id="head">  
 <img src="images/sixpac_logo.jpg" /><img src="images/band_koepfe_sw.jpg" width="490" height="140"/>  
</div>  
<div id="container">  
 <div id="navi">  
 <table>  
          <tr>  
            <td ><a href="index.php" target="_self">Home </a></td>  
          </tr>  
          <tr>  
            <td ><a href="seiten/band.html">Band</a></td>  
          </tr>  
          <tr>  
            <td ><a href="../galerie/gallerie.php" target="_self">Fotos</a></td>  
          </tr>  
          <tr>  
            <td ><a href="seiten/kontakt.html">Kontakt</a></td>  
          </tr>  
          <tr>  
            <td ><a href="seiten/links.html">Links</a></td>  
          </tr>  
          <tr>  
            <td ><a href="seiten/gaestebuch.html" target="_self">G&auml;stebuch</a></td>  
          </tr>  
     <tr>  
            <td ><a href="seiten/fan_artikel.html">Fan-Artikel</a></td>  
          </tr>  
        </table>  
</div>  
<div id="content">  
 <p>Auf diversen Feiern trafen sich die ambitionierten Musiker. Im März 2002 wurden dann Nägel mit Köpfen gemacht und die Band ins Leben gerufen.</p>  
 <p>Mit langjähriger Erfahrung aus unterschiedlichen musikalischen Bereichen in diversen Projekten entstand eine Cover-Band,  
 die mittlerweile auf zahlreiche Events zurückblicken kann. Im März 2007 wurde das 5-jährige Jubiläum gefeiert.</p>  
 <p>Das Repertoire der Band umfasst Songs von Eric Clapton, BAP, Joe Cocker, Gary Moore und viele mehr.</p>  
 </div>  
<div id="news">  
 <p><H1>Was gibts Neues?</H1></p>  
 <p>  
 <marquee direction="up" scrollamount=2>  
 <?php echo nl2br(file_get_contents('news.txt'));?>  
 </marquee>  
 </p>  
</div>  
  
</div>  
</body>  

Und hier der CSS-Code:

  
  
body {  
 align:center;  
 background-image: url(images/background.jpg);  
 background-color: #000000;  
 text-align:center;  
 font-family: Arial, Helvetica, sans-serif;  
 font-size: 12px;  
 font-style: normal;  
 font-weight: normal;  
 color: #FFFFFF;  
}  
#head {  
 background-color: #000000;  
 height:140px;  
 width:950px;  
 border-bottom-width: thin;  
 border-bottom-style: solid;  
 border-bottom-color: #FFFFFF;  
 border-right-width: thin;  
 border-right-style: solid;  
 border-right-color: #FFFFFF;  
 padding-bottom:10px;  
 padding-right:10px;  
}  
#container {  
 height:auto;  
 width:950px;  
 border-left-width: thin;<----  
 border-left-style: solid; <---- das wird nicht angezeigt  
 border-left-color: #FFFFFF;<----  
 padding-top:10px;  
 padding-left:10px;  
}  
#navi {  
 float:left;  
 width:110px;  
 text-align:left;  
 vertical-align:center;  
 border-right-width: thin;  
 border-right-style: solid;  
 border-right-color: #FFFFFF;  
}  
  
#content {  
 float:left;  
 height:100%;  
 width:600px;  
 text-align:left;  
 padding-left:30px;  
}  

Anregung, Hilfe, Kritik sind herzlich willkommen

Danke für eure Aufmerksamkeit

Grüße

S-K

[ABCDEFG]

Das ist kein Lösungsvorschlag, eher ein Hinweis auf andere "Fehler":

Bist du sicher dass die Navigation einer Website eine Tabelle darstellt?
Ich nämlich nicht. Sieht eher danach aus als wäre hier eine unsortierte Liste (von Links) gefragt.

Entschuldigung dass ich diese klassische Belehrung liefere statt eines Lösungsansatzes.

[Beat]

Guten Tag ihr alle,

ich bin grade dabei, ein paar Schönheitskorrekturen an meiner Webseite vorzunehmen.

Wunderbar.
Aber mach es in der richtigen Reihenfolge.
Zuerst den HTML Code validieren.

Tipp: Ich würde da von XHTML auf HTML wechseln.

Im ernst mal...
Du hast keine tabellarische Daten. Das folgende kannst du als <ul> Liste darstellen.

<table>
          <tr>
            <td ><a href="index.php" target="_self">Home </a></td>
          </tr>
          <tr>
            <td ><a href="seiten/band.html">Band</a></td>
          </tr>
          <tr>
            <td ><a href="../galerie/gallerie.php" target="_self">Fotos</a></td>
          </tr>

.....

<marquee direction="up" scrollamount=2>
<?php echo nl2br(file_get_contents('news.txt'));?>
</marquee>

Ich denke der Marquee-Effekt ist irgendwie überflüssig.
Der behindert mich am Lesen eher, als dass er mir etwas sagt.

mfg Beat

[S-K]

Wunderbar.
Aber mach es in der richtigen Reihenfolge.
Zuerst den HTML Code validieren.

Tipp: Ich würde da von XHTML auf HTML wechseln.

die validation war fast in ordnung, aber ich musste wegen der gallerie den doctype ändern, sonst hätte das wieder nicht geklappt (stand so zumindestens in der install-anleitung des skripts)

Im ernst mal...
Du hast keine tabellarische Daten. Das folgende kannst du als <ul> Liste darstellen.

die tabelle ist keine feine lösung, aber anders hab ich den schönen notenschlüssel nicht hinbekommen, der vor den links bei hover auftaucht

<marquee direction="up" scrollamount=2>
<?php echo nl2br(file_get_contents('news.txt'));?>
</marquee>

Ich denke der Marquee-Effekt ist irgendwie überflüssig.
Der behindert mich am Lesen eher, als dass er mir etwas sagt.

so schlimm find ich das gar nicht ... das regt die leute an, schneller lesen zu lernen :-)
wenn dort mehr nachrichten stehen, wirds auch abgeändert, denn sonst ist es echt lästig zu lesen

mfg Beat

[elma]

abnd,
vllt width vom container etwas kleiner machen bzw. width vom navi etwas größer...vllt überlappt sich das ein wenig...

lg Benni

[S-K]

abnd,
vllt width vom container etwas kleiner machen bzw. width vom navi etwas größer...vllt überlappt sich das ein wenig...

lg Benni

hi benni

hab schon mit width, padding, margin rumgespeilt, brachte aber nix, bzw hat es mir die anderen elemente nur verschoben

es scheint irgendwie an dem float-befehl zu liegen, denn ohne taucht der rahmen auf

[Harlequin]

Yerf!

es scheint irgendwie an dem float-befehl zu liegen, denn ohne taucht der rahmen auf

Ja. Gefloatete Elemente sind nicht im normalen Fluss des Inhalts und somit beinflussen sie auch nicht die höhe ihres Elternelements. Da alle 3 Divs im #container gefloatet sind hat dieser keinen Inhalt und ist somit nicht besonders hoch.

Entweder nimmst du einem der 3 Elemente das float oder du fügst noch ein 4. Element hinter den 3 ein, das mittels clear:both den Fluss weider herstellt.

...was mir grad noch einfällt: ein overflow:auto für #container hilft auch.

Gruß,

Harlequin

[S-K]

hi.

...was mir grad noch einfällt: ein overflow:auto für #container hilft auch.

das hat geklappt. vielen dank!

grüße

S-K