Ich hab zurzeit an der Un i ne Projektarbeit, in der wir ein Contentmangementsystem, mit allem möglichen Schnickschnack erstellen müssen... dass klappt soweit auch schön und gut... aber in der Navi haben wir grad ein Problem festgestellt, als wir mal mim IE genauer drübergeschaut haben: Er fängt keine neue Zeile an, wenn der Text nicht in die gleiche passt, sondenr lässt den Textz hinter der nächsten Spalte verschwinden. Damit ihr trotz dieser unverständlcihen Beschreibung erkennt, was ich meine hänge ich mal ein Bild vom Problem an... "wiederkehrenden Termin hinzufügen" wird der Text einfach abgeschnitten...
Die seite ist in (viel zu sehr verschachtelten) Tabellen realisiert. Ich schätze allerdings für dieses Prblem dürfte nur die unten Links relevant sein daher poste ich jetzt mal von dieser den Code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="height: 100%;">
<tr>
<td valign="top">
<table width="5%" border="0" cellspacing="0" cellpadding="0" class="navi-spalte2">
<tr>
<td><a href="calendar.jsp" class="nav">Kalender betrachten</a> </td>
</tr>
<tr>
<td height="3" width="93"><img alt="1" height="1" src="http://localhost:8080/cms/img/hellblau.gif" width="93" /></td>
</tr>
<tr>
<td><a href="addDate.jsp" class="nav">Termin hinzufügen </a> </td>
</tr>
<tr>
<td height="3" width="93"><img alt="1" height="1" src="http://localhost:8080/cms/img/hellblau.gif" width="93" /></td>
</tr>
<tr>
<td><a href="addRecDate.jsp" class="nav">wiederkehrenden Termin hinzufügen</a> </td>
</tr>
<tr>
<td height="3" width="93"><img alt="1" height="1" src="http://localhost:8080/cms/img/hellblau.gif" width="93" /></td>
</tr>
</table>
</td>
<td width="100%" valign="top" class="navi-rechts">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="navi-balken" style="height: 95%;">
<tr>
<td><a href="http://localhost:8080/cms/index.jsp" class="nav">Zur Startseite</a>. </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/user/admin.jsp" class="nav">Zum Admin-Center</a>. </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/login.jsp" class="nav">Einloggen</a> </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/logged_in.jsp" class="nav">Login-Information</a>.</td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/logout.jsp" class="nav">Ausloggen</a>. </td>
</tr>
<tr>
<td class="navi-abtrennung" height="9"> </td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/message/message_center.jsp" class="nav">Zum
Message Center</a>. </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/calendar/calendar.jsp" class="nav">Zum
Kalender</a>. </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/news/index.jsp" class="nav">Zum Newsmodul</a>. </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/gallery/index.jsp" class="nav">Zur Gallery</a>. </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td><a href="http://localhost:8080/cms/board/index.jsp" class="nav">Zum Board</a>. </td>
</tr>
<tr>
<td height="9" width="93"><img alt="1" height="9" src="http://localhost:8080/cms/img/navi-abtrennung.gif" width="93" /></td>
</tr>
<tr>
<td style="height: 100%" class="navi-lightblue"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top" class="navi-rechts"> </td>
</tr>
</table>
</body>
</html>
Und der volständigkeithalber noch die verwendeten Stylesheets:
Code:
.navi-spalte2 {
background-color: #003b53;
margin-left: 50px;
}
.navi-rechts {
background-color: #003b53;
}
.navi-balken {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
}
.nav {
FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.nav:link {
COLOR: #cccccc; FONT-STYLE: normal; TEXT-DECORATION: none
}
A.nav:visited {
COLOR: #cccccc; FONT-STYLE: normal; TEXT-DECORATION: none
}
A.nav:active {
COLOR: #ffffff; FONT-STYLE: normal; TEXT-DECORATION: none
}
A.nav:hover {
COLOR: #ffffff; FONT-STYLE: normal; TEXT-DECORATION: none
}
Bin für jede Idee dankbar, da mir so langsam die Ideen ausgehen... meine recherche hat bisher nur ergeben, wie ich mit "nowrap" einen Zeilenumbruch verhindere... was ich bräuchte wäre das Gegenteil...
Gruß
Klaus