✔ Menü macht Probleme...

[Maik]

Probier es mal so:

.menu ul.nav li a:link#active, .menu ul.nav li a:visited#active { 
background: #df1e26;
}

<!-- Quelltext für die Startseite -->

<div class="menu">
        <ul class="nav">
                <li><a href="#" id="active">Home</a></li>
                <li><a href="#">Formel1</a></li>
                <li><a href="#">GP2</a></li>
                <li><a href="#">Forum</a></li>
        </ul>
</div>

Wenn die Inhalte im "Tabellenformat" vorliegen, kannst Du die Tabelle ja direkt in das Content-DIV laden.

 

[Radhad]

Das hier erkannte er erst als valid, aber ging trotzdem nicht.

.menu ul.nav li a#active:link, .menu ul.nav li a#active:visited {
background: #df1e26;
}

 

[Maik]

Solange der entsprechende Link die ID #active nicht besitzt, funktioniert das Stylesheet auch nicht.

 

[Radhad]

Sorry, online hatte ich es noch nicht aktualisiert, sondern nur lokal. Geht aber trotzdem nicht (weder online noch lokal)

 

[Maik]

Dann schau nochmal in meinen Code-Schnipsel, welches Element die ID erhält

 

[Radhad]

*lol* Gott hat mich mit Tomaten auf den Augen gesegnet

Dann nochmal ne Frage (ich weiß, heut nerv ich ein bissl):
Momentan ist ja auf der Startseite ein Newsscript, welches aber nicht das einzige Script seind wird. Das Script selber rendert eine Tabelle. Soll ich diese Tabelle nun in einen div-Container packen und entsprechend ausrichten?

[EDIT] Das habe ich jetzt versucht. Aber der 2. div will sicht nicht daneben setzen sondern hängt irgendwie darunter :/

Auszug aus dem CSS:

#newscontent {
width: 350px;
border-right: 1px dashed #000;
font-size: 12px;
padding: 2px;
}

#newshead {
font-weight: bold;
font-size: 14px;
border-bottom: 1px dashed #000;
}

.news {
font: normal 12px Verdana, sans-serif;
}

.news a:link, .news a:visited{
color: #b00;
}

.news a:hover {
color: #f00;
font-weight: bold;
}

#forumcontent {
margin-left: 354px;
width: 300px;
border: 1px solid #000;
float: left;
}

und hier die Datei, die für den Inhalt des content-div#s ist:

<div id="newscontent">
	<?php include("news.php"); ?>
</div>
<div id="forumcontent">
	&nbsp;
</div>
<div class="clear"></div>

Die news.php rendert weiterhin eine Tabelle.

 

[Maik]

Tausche mal bei der float-Eigenschaft den Wert left gegen right und lege im Stylesheet noch die Klasse .clearRight an:

div.clearRight {
clear: right;
font-size: 1px;
line-height: 0;
height: 0;
}

<div id="newscontent">
    <?php include("news.php"); ?>
</div>
<div id="forumcontent">
    &nbsp;
</div>
<div class="clearRight">&nbsp;</div>

 

[Radhad]

Das Problem hat sich mittlerweile erledigt - sieht bei mir aus:

#newscontent {
width: 300px;
border-right: 1px dashed #000;
font-size: 12px;
min-height: 300px;
height: auto !important;
height: 300px;
float: left;
}

#screens{
width: 377px;
float: left;
min-height: 300px;
height: auto !important;
height: 300px;
}

#forumcontent {
width: 300px;
border-left: 1px dashed #000;
min-height: 300px;
height: auto !important;
height: 300px;
float: left;
}