Hallo,
ich erstelle gerade ein Seitenlayout bei dem mit einem Frameset ein roter Rand um den Inhaltsframe dargestellt werden soll. Das ganze ist unter: http://www.danielcremer.de/schuelerjobs/ online.
Probleme bereiten vor Allem die Frames unten links und unten rechts. Ich habe zuerst versucht den roten Rand dort über ein Bild in der jeweiligen Ecke zu realisieren. So habe ich das unten links auch gelassen. Dies funktioniert auch mit allen Browsern wunderbar. Nur der IE 6 tanzt natürlich aus der Reihe und lässt Abstand, zwischen dem Framerand und dem Bild, obwohl der Abstand über CSS auf 0 Pixel gesetzt ist (mit 7 habe ich das nicht ausprobiert). Daraufhin habe ich für den IE noch eine Lösung mit einer Tabelle gemacht, das wird in den anderen Browsern aber nicht so angezeigt, wie ich es haben wollte. Das sieht man unten rechts. Könnt ihr mir sagen, wie ich den Rand so realisieren kann, dass er in allen Brwosern funktioniert. Ich poste mal den Quellcode vom Frameset und den beiden Frames:
Frameset (index.html):
<html>
<head>
<title>SchuelerJobs Bonn - Die Jobbörse für Schüler</title>
</head>
<frameset cols="*,800,*" border="0">
<frameset rows="160,*,15%" border="0">
<frame src="rand_links.html" name="oben_links" scrolling="no" frameborder="0">
<frame src="menue_links.html" name="menue_links" scrolling="no" frameborder="0">
<frame src="unten_links.html" name="unten_links" scrolling="no" frameborder="0">
</frameset>
<frameset rows="160,67,*,15%" border="0">
<frame src="top.html" name="top" scrolling="no" frameborder="0">
<frame src="menue.html" name="menue" scrolling="no" frameborder="0">
<frame src="./inhalt/home.html" name="inhalt" frameborder="0">
<frame src="unten.html" name="unten" scrolling="no" frameborder="0">
</frameset>
<frameset rows="160,*,15%" border="0">
<frame src="rand.html" name="oben_rechts" scrolling="no" frameborder="0">
<frame src="rand_rechts.html" name="menue_rechts" scrolling="no" frameborder="0">
<frame src="unten_rechts.html" name="unten_rechts" scrolling="no" frameborder="0">
</frameset>
</frameset>
</html>Unten links:
<html>
<head>
</head>
<body style="text-align:right;margin:0px;">
[img]./bilder/streifen_rot.gif[/img]
</body>
</html>Unten rechts:
<html>
<head>
</head>
<body style="text-align:left;margin:0px;">
<span style="text-align:left;width:6px;">
<table style="width:100%;border-top:6px solid #FF1B1B;">
<tr><td>
</td></tr>
</table>
</span>
</body>
</html>Vielen Dank schon mal im voraus!