nicht angemeldet
Hallo,
ich wollte eine Seite mit weniger Tabellen erstellen und habe dafür CSS (zB: class="spacer_cell") verwenden wollen. Mit dem Befehl der "spacer_cell" wollte ich einen Hintergrund in orange haben 1Pixel und einen Rand von 1Pixel rechts und links in weiß. Damit brauche ich nur eine Tabelle anstatt drei. Bitte siehe Seite:
http://www.efinancelab.de/testefl/research/index_new.php!
Leider ist die Seite nur im Explorer "richtig" umgesetzt worden (Auflösung 1024/824). Sonst verändert sich die Seite mit verkleinern/vergrößern des Fensters bei allen anderen Browsern (Firefox, Opera, Mac,...). Die Webbrowser scheinen die Befehle zu missachten...
Was habe ich falsch gemacht? Muss ich doch mit Tabellen arbeiten, damit die Browser die Breite (Höhe) einhalten?
Vielen Dank für Hilfe und viele Grüße,
Irene
style.css:
...
.spacer_cell { width: 1px; border-right-width: 1px; border-right-style: solid; border-left-style: solid;
border-right-color: #FFFFFF; border-left-width: 1px; border-left-color: #FFFFFF;
background-color: #FF6600; margin: 0px; padding: 0px }
...
Seitencode:
...
<body bgcolor="#ffffff">
<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td ><img src="../img/header-left.jpg" class="head_cell"></td>
<td class="spacer_cell"></td>
<td ><img src="../img/header-middle.jpg" class="head_cell"></td>
<td class="spacer_cell"></td>
<td ><img src="../img/header-right.jpg" class="head_cell"></td>
</tr>
<tr>
<td bgcolor="#666666"></td>
<td class="spacer_cell"></td>
<td bgcolor="#FF6600"><div align="center"><a class="head0" href="index.php">home</a></div></td>
<td class="spacer_cell"></td>
<td><table width="686" border="0" cellspacing="0" cellpadding="0">
...