Website tabelbreedte aanpassen aan breedte

Status
Niet open voor verdere reacties.
P

pietprobleem

Gebruiker
Lid geworden
6 jan 2003
Berichten
279
Er is een website gebouwd in tabellen.
Deze wil ik nu graag zo aanpassen dat de website in volledige breedte van de monitor van de bezoeker wordt weergegeven.
Kan dat met een simpele aanpassing van de code ?
Ik heb dat nog nooit gedaan en is er iemand dit mij dat kan vertellen of voordoen ?
Onderstaand de code waar het om gaat.

Mvg,

Piet.

------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Welkom bij Bouwbedrijf Jan Oenema</title>
<meta name="MSSmartTagsPreventParsing" content="true" />

<link rel="stylesheet" type="text/css" href="css/styles.css" />


<style type="text/css">
<!--
.stijl1 {
font-size: 10px
}
.stijl7 {font-size: 13px; }
.stijl8 {
color: #202020
}
.stijl10 {color: #000000}
#apDiv1 {
position:absolute;
width:200px;
height:53px;
z-index:1;
left: 733px;
top: 207px;
color: #FF0000;
font-size: 16px;
font-style: italic;
font-weight: bold;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
}
#apDiv2 {
position:absolute;
width:540px;
height:444px;
z-index:1;
left: 300px;
}
.stijl17 {
font-size: 16pt;
color: #202020;
font-style: italic;
}
.stijl24 {font-size: 10pt}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
.stijl31 {
font-size: 14pt;
color: #EE1F1F;
font-family: "Trebuchet MS";
font-style: italic;
}
.stijl32 {font-family: "Trebuchet MS"}
.stijl33 {
color: #EE1F1F;
font-weight: bold;
}
#apDiv3 {
position:absolute;
width:175px;
height:62px;
z-index:1;
left: 753px;
top: 208px;
}
.stijl43 {
color: #000000;
font-size: 24px;
}
#apDiv4 {
position:relative;
width:200px;
height:39px;
z-index:1;
top: auto;
right: 8px;
}
.stijl50 {
font-size: 10pt;
font-style: italic;
font-weight: bold;
}
.stijl63 {color: #F4F2F7}
#apDiv5 { position:relative;
width:182px;
height:34px;
z-index:1;
top: 0px;
right: 8px;
}
.stijl65 {font-size: 16px}
.stijl66 {
font-size: 18px;
font-weight: bold;
}
a:hover {
color: #000000;
}
#apDiv6 { position:absolute;
width:125px;
height:133px;
z-index:2;
left: 659px;
top: 16px;
}
#apDiv7 { position:absolute;
width:124px;
height:44px;
z-index:2;
left: 464px;
top: 101px;
}
#apDiv8 {
position:absolute;
width:184px;
height:79px;
z-index:2;
left: 743px;
top: 594px;
}
.stijl68 {font-size: 15px; color: #000000; }
.stijl69 {font-size: 17px; color: #000000; }
-->
</style>
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>




<body>

<div class="stijl17" id="wrapper">
<div id="header">
<table width="100%" height="152" border="0">
<tr>
<td width="4%">&nbsp;</td>
<td width="79%">&nbsp;</td>
<td width="17%"><div id="apDiv6">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','125','height','130','src','flash/logo_roterend','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','flash/logo_roterend' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="125" height="130">
<param name="movie" value="flash/logo_roterend.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="flash/logo_roterend.swf" width="125" height="130" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</noscript>
</div></td>
</tr>
</table>
</div>
<div id="nav1">
<ul class="stijl1" id="menus">
<li class="current"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="index2.html" class="stijl7">Home</a></li>
<li><a href="projecten.html" class="stijl7">Projecten</a></li>
<li><a href="onderhoud.html" class="stijl7">Onderhoud</a></li>
<li><a href="nieuwbouw.html" class="stijl7">Nieuwbouw</a></li>
<li><a href="restauratie.html" class="stijl7">Restauratie</a></li>
<li><a href="verbouw.html" class="stijl7">Verbouw</a></li>
<li><a href="specialiteiten.html" class="stijl7">Specialiteiten</a></li>
<li><a href="contact.html" class="stijl7">Contact</a></li>
<li><a href="links.html" class="stijl7">Links</a></li>
<li></li>
</ul>
</div>
<div id="content-wrapper">
<div id="main">

<table width="100%" border="0">
<tr>
<td><div align="center"><span class="stijl33"><span class="stijl43">Welkom</span></span></div></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td width="9%">&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td><span class="stijl65"></span></td>
<td colspan="2" class="stijl31"><u><span class="stijl66">Welkom bij Bouwbedrijf Jan Oenema</span></u></td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="90%"><span class="stijl32"></span></td>
<td width="1%"><span class="stijl32"></span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="stijl69">Bouwbedrijf Jan Oenema is reeds lange tijd een bekende naam in Sloten en daarbuiten.</td>
<td><span class="stijl32"></span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="stijl69">Eigenaar Jan Oenema begon jaren geleden als 1-mans klussen-bedrijf en is inmiddels uitgegroeid tot een bouw- en onderhouds-bedrijf van formaat.</td>
<td><span class="stijl32"></span></td>
</tr>

<tr>
<td>&nbsp;</td>
<td class="stijl69">Sinds enkele jaren wordt er gewerkt vanuit een splinternieuw en eigengebouwd bedrijven verzamelgebouw waar ook tekenadvies-bureau &quot;Walter Tromp&quot; en zeilmakerij &quot;Mare&quot; gevestigd zijn.</td>
<td><span class="stijl32"></span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="stijl69">&nbsp;</td>
<td><span class="stijl32"></span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="stijl68"><div align="center"></div></td>
<td><span class="stijl32"></span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><div align="center"></div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><div align="center"></div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><div align="center"></div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><div align="center"></div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><div align="center"></div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
<div id="sidebar">
<div class="stijl63" id="apDiv5">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','174','height','37','title','flashtekst','src','images/flashtekst','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','images/flashtekst' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="174" height="37" title="flashtekst">
<param name="movie" value="images/flashtekst.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="images/flashtekst.swf" width="174" height="37" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</noscript>
</div>
<p>&nbsp;</p>
<ul class="sidemenu">
<li class="stijl8"><a href="index2.html" class="stijl50"><u>Home</u></a></li>
<li class="stijl8"><a href="projecten.html" class="stijl24">Projecten</a></li>
<li class="stijl8"><a href="onderhoud.html" class="stijl24">Onderhoud</a></li>
<li class="stijl8"><a href="nieuwbouw.html" class="stijl24">Nieuwbouw</a></li>
<li class="stijl8"><a href="restauratie.html" class="stijl24">Restauratie</a></li>
<li class="stijl8"><a href="verbouw.html" class="stijl24">Verbouw</a></li>
<li class="stijl8"><a href="specialiteiten.html" class="stijl24">Specialiteiten</a></li>
<li class="stijl8"><a href="contact.html" class="stijl24">Contact</a></li>
<li class="stijl10 stijl10"><a href="links.html" class="stijl24">Links</a></li>
</ul>

<table width="100%" border="0"><tr></tr>
</table>
<p>&nbsp;</p>
</div>
</div>
<div id="footer">
<p>


<img src="css/footer2.jpg" alt="" width="800" height="60" /></div>
</div>
</body>


</html>
 
breedte tabel aanpassen

Dan moet je de breedte van de tabel op 100% (mooier is 95%) zetten en niet op een bepaalde pixelwaarde.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan