✔ Prob mit 2 Spaltigem CSS Design

[Kalma]

HEy,

hab ma wieder ein kleines Problem.

Hab 2 Spaltiges design mit css gemacht:

Navigation | Inhalt
--------------------------
Copyright


Nur, der Inhalt, sobald der länger als die Navigation ist, geht der über das Copyright drüber.

Wie änder ich das


Hier die Seite:
http://www.dfmusik.de/sites/index.html

Und hier das Css
http://www.dfmusik.de/sites/styles.css

Höffe ihr könnt mir helfen^^

cYa

 

[Quaese]

Hi,

eine Möglichkeit besteht darin, Navigation und Content in einen zusätzlichen Container einzulagern. Dieser bekommt
für IEs bis Version 6 eine Höhe von 1% zugewiesen.

<div id="content-holder">
  <div id="navigation">
    <!-- Bisheriger Inhalt -->
  </div><!-- ENDE - content -->
  <div id="clear">&nbsp;</div>
</div><!-- ENDE - content-holder -->

CSS für content-holder

#content-holder{ height: auto !important;
                 height: 1%;}

Ausserdem wird die Seite z.B. im Firefox falsch dargestellt (Stichwort: Boxmodell).

Hier solltest Du zum einen die Navigationslinks anpassen:

.section_link {
  background-color:#EAECE9;
  text-decoration:none;
  color:#000000;
  border-bottom:1px #CCCCCC solid;
  border-top:1px #FFFFFF solid;
  margin:0px;
  padding:2px 0px 2px 5px;
  display:block;
  /*width:100%;*/ /* Sonst sind Links 5 Pixel zu breite */
}

Zum anderen muss die Breite des Contents angepasst werden:

.content {
	width: 684px !important; /* Anpassung der Content-Breite */
	width:700px;
	height:100%;
	font-size:x-small;
	color:#000000;
	margin:0px;
	padding:5px;
	float:right;
}

Vielleicht hilft Dir das weiter.

Ciao
Quaese

 

[Kalma]

Hey,

die Seite muss gar nicht im firefox gut dargestellt werden...

Die Seite machen wir als Projekt-arbeit in Info. Und der guckt das nur im IE nach. In sonem Steinalten...


David

 

[Maik]

Dann hoffen wir mal für dich, daß der Lehrer nicht über Nacht auf Firefox umgestiegen ist

Und noch ein paar grundsätzliche Hinweise zum Markup:

1. Dem Dokument fehlt eine Doctype-Deklaration.
   
   
2. Im script-Element wird anstelle des veralteten language-Attributs das Attribut type="text/javascript" notiert.
   
   
3. Eine ID muß in einem Dokument eindeutig sein, d.h. sie darf darin nur einmal vergeben werden. Die ID #related_links ist aber doppelt vorhanden.
   
   
4. Das leere p-Element muß gelöscht oder angepasst werden, denn <p /> ist invalides HTML.

 

[Kalma]

Hey,

muss das Thema nochmal neu aufgreifen.. Wollte keinen neuen Thread machen...


So, habe jetzt eine neue Seite gemacht, aus langeweile... Warum auch sonst^^. So... alles ging glatt, bis mir auffiel, dass der Hintergrund nicht mehr richtig wiederholt wird:
Im Internet Explorer gehts, im Firefox nicht:
http://www.dflab.de

So, wie ihr seht, wird die Grafik content.jpg nicht richtig wiederholt. Das CSS ist direkt im Dokument...

Hoffe, ihr könnt mir wieder (*rolleyes*) helfen...

Achso, und, dass Menü, da wird der graue Hintergrund auch nicht weitergeführt...

//edit
Das Problem habe ich mittlerweile selber gelöst... Ich bin ein Trottel^^

//edit2
Nur halt, dass sich das Menü über den ganzen Berreich begibt, noch nicht...

//edit3
Mittlerweile auch gelöst... Einfach direkt mit aufe Grafik gemalt

David