Hallo Leute, ich habe hier ein Tabellengerüst, dass bei 1024*768 und bei nem voll geöfneten Browserfenster korrekt positioniert wird. Öffnet Mensch nun aber z.B die Favoriten, verschiebt sich das Tabellengerüst! Habe im CSS mit absoluten Werten gearbeitet....
Tabellengerüst:
PHP-Code:
<table width="800" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="5">
<img src="images/slices/Bilder/header_01.jpg" width="800" height="14" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="images/slices/Bilder/header_02.jpg" width="642" height="2" alt="" /></TD>
<td rowspan="2">
<a href="http://localhost/buerki/kontakt.html">
<img src="images/slices/Bilder/header_03.jpg" width="43" height="16" border="0" alt="Kontakt" /></a></td>
<td rowspan="3">
<img src="images/slices/Bilder/header_04.jpg" width="115" height="76" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/slices/Bilder/header_05.jpg" width="592" height="74" alt="" /></td>
<td>
<a href="http://localhost/buerki/index.html">
<img src="images/slices/Bilder/header_06.jpg" width="38" height="14" border="0" alt="Home" /></a></td>
<td rowspan="2">
<img src="images/slices/Bilder/header_07.jpg" width="12" height="74" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/slices/Bilder/header_08.jpg" width="38" height="60" alt="" /></td>
<td>
<img src="images/slices/Bilder/header_09.jpg" width="43" height="60" alt="" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3333CC" class="headtable">
<tr>
<td>Katharina Bürki - Immobilien-Treuhand</td>
</tr>
</table>
<table width="130" border="0" cellspacing="0" cellpadding="0" bgcolor="#C7C8D3" class="navitable">
<tr>
<td> </td>
</tr>
</table>
<table width="670" border="0" cellspacing="0" cellpadding="0" class="divcontent">
<tr>
<td> </td>
</tr>
</table>
CSS:
PHP-Code:
.headtable {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
text-align: center;
text-indent: 1px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
font-weight: lighter;
}
.navitable {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
position: absolute;
left: 102px;
top: 135px;
height: 800px;
}
.divcontent {
background-color: #FFFFFF;
position: absolute;
left: 232px;
visibility: visible;
top: 135px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
height: 800px;
}
ERLEDIGT!
