tabellen worden niet getoond in DIVS

[Verwijderd]

Voor een klant zijn wij bezig met het maken van een nieuwe website. Hierbij ondervind ik de nodig problemen. Ten eerste was het erg wennen aan de omschakeling van tables en DIV's.

Het gaat daarbij om een 2 tabellen die in een DIV staan. Die desondanks niet wilen worden herkend en of getoond in zowel IE, Mozilla als Netscape. Ik heb het vermoeden dat er een foutje in HTML code is geslopen.

De code is als volgt.


HTML CODE
____________________________-


<!-- container -->


<div class="container">


<!-- top -->

<div class="top"><img src="img/site/logo.png" width="750" height="106" /></div>

<!-- nav top en items -->

<div class="nav">

<div class="menu_item1">
<h3> home</h3>
</div>


<div class="menu_item4">
<h3>bedrijf zoeken</h3></div>
<div class="menu_item5">
<h3>gemeente zoeken</h3></div>
<div class="menu_item6">
<h3>disclamer</h3></div>
<div class="menu_item3">
<h3>privacy</h3></div>
<div class="menu_item7">
<h3>contact</h3></div>
</div>

<!-- CONTENT -->

<div class="content">

<!-- Content 2 left -->

<div class="content2">

<!-- modules worden middels RSS ingeladen -->

<!-- weer wraper -->

<table class="weer_wraper">
<tr>
<td class="weer_header">
<h3>Weer</h3>
</td>
</tr>
<tr>
<td class="weer"> </td>
</tr>
</table>

<!-- nieuws wraper -->

<table class="nieuws_wraper">
<tr>
<td class="nieuws_header">
<h3>Nieuws</h3>
</td>
</tr>
<tr>
<td class="nieuws"> </td>

</tr>
</table>

<!-- nieuws module -->

</div>
</div>

<!-- CONTENT 3 - RECHTER DIV -->

<div class="content3">

<h3>over beste restaurants.nl </h3>
<p>www.beste-restaurants.nl geeft een overzicht van <strong>12178</strong> restaurants in <strong>1394</strong> steden in Nederland.</p>

<h5><b>bezoekers</b></h5>
<p>Via zoeken kunt u bijvoorbeeld aangeven wat voor soort keuken u zoekt en in welke plaats.</p>

<h5><b>restaurants</b></h5>
<p>Als restauranthouder kunt u zich aanmelden voor een vermelding in deze gids. Naast de gebruikelijke informatie zoals adres- en telefoongegevens krijgt u ook de mogelijkheid om uw restaurant te promoten via teksten en foto`s.
aaa

</p>
</div>
</div>

</div>

</div>

</body>
</html>

De tekst moet nog worden aangepast, en is afkomstig van een andere al bestaande website van hun. Graag zou ik willen weten welke fout ik mogelijk oer het hoofd heb gezien dat verkomt dat deze tabellen worden getoond.


ciao,
Sang

[chem]

zet het ff in [code=html] tags

[Verwijderd]

Ik moet zeggen dat ik vergeten was aan te geven waar zich deze tabellen bevinden. De code begint bij het komentaar "nieuws-wraper en eindigd na "weer en verkeer.

[Verwijderd]

Zou je de code tussen [code ] tags willen plaatsen en ons de relevante CSS kunnen geven? zo wordt het moeilijk aangeven wat er fout is...

[Verwijderd]

HTML CODE
____________________________-


<!-- container -->


[div class="container"]


<!-- top -->

[div class="top"] [img src="img/site/logo.png" width="750" height="106" /][</div]

<!-- nav top en items -->

[div class="nav"]

[div class="menu_item1"]

home

[/div]


[div class="menu_item4"]

bedrijf zoeken

[/div]
[div class="menu_item5"]

gemeente zoeken

[/div]
[div class="menu_item6"]
[h3>disclamer[/h3][/div]
[div class="menu_item3"]

privacy

[/div]
[div class="menu_item7"]

contact

[/div]
[/div]

<!-- CONTENT -->

[div class="content"]

<!-- Content 2 left -->

[div class="content2"]

<!-- modules worden middels RSS ingeladen -->

<!-- weer wraper -->

[<h3]Weer[/h3]

<!-- nieuws wraper -->

Nieuws

<!-- nieuws module -->

[/div]
[/div]

<!-- CONTENT 3 - RECHTER DIV -->

[div class="content3"]

over beste restaurants.nl

[p]www.beste-restaurants.nl geeft een overzicht van <strong>12178</strong> restaurants in <strong>1394</strong> steden in Nederland.[/p]

[h5]bezoekers[/h5]
[p]Via zoeken kunt u bijvoorbeeld aangeven wat voor soort keuken u zoekt en in welke plaats.[/p]

[h5]restaurants[/h5]
[p]Als restauranthouder kunt u zich aanmelden voor een vermelding in deze gids. Naast de gebruikelijke informatie zoals adres- en telefoongegevens krijgt u ook de mogelijkheid om uw restaurant te promoten via teksten en foto`s.
aaa

[/p]
[/div]
[/div]

[/div]

[/div]

[/body]
[/html]

[Verwijderd]

De volgende CSS file word gebruikt.


/* stylsheet versie 001
parsed by sang
*/

body {
width: 100%;
background-color: #F1F1F1;
margin-top: 0px;
margin-bottom: 0px;
}
table {
width: 750px;
margin-right: auto;
margin-left: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
p {
color: #55464B;
font-size: 11px;
padding-top: 0px;
padding-left: 9px;
padding-right: 25px;
padding-bottom: 0px;
margin-top: 0px;
}

.container {
width: 750;
height: 108px;
margin-top: 0px;
padding-top: 0px;
border: solid 1px;
position: absolute;
background-color: #FFFFCC;
}
.top {
height: 99px;
border-bottom: 1px solid;
background-repeat: no-repeat;
width: 750px;
background-image: url(../img/site/logo%20copy.png);
}
.nav {
margin-top: 0px;
padding-top: 0px;
background-color: #FFFFCC;
width: 750px;
height: 34px;
color: #FFFFFF;
}
.content {
height: 630px;
width: 750px;
padding-left: 0px;
background-color: #FFFFCC;
}

.content2 {
width: 250px;
height: 466px;
top: 141px;
left: 500;
position: absolute;
}
A:link {
color:#333333
}
.content3 {
color: #9A2954;
width: 500px;
height: 466px;
left: 0;
top: 141;
z-index: 3;
position: absolute;
float: left;
}

h3 {
color: #DF9700;
font-size: 14px;
padding-left: 9px;
margin-top: 0px;
}
.menu_item2 {
height: 33px;
width: 280px;
border-right: solid 1px;
padding-right: 2px;
left: 40px;
padding-left: 280px;
float: right;
}
.menu_item2 {
height: 33px;
width: 140;
left: 100px;
top: 75px;
position: absolute;
}
.menu_item3 {
height: 32;
width: 140;
left: 128px;
top: 108px;
position: absolute;
overflow: hidden;
}


.menu_item4 {
height: 32;
width: 140px;
left: 410px;
top: 108px;
position: absolute;
padding-top: 2px;
}

.menu_item5 {
height: 32;
width: 110;
left: 553px;
top: 108px;
position: absolute;
padding-top: 2px;
}
.menu_item6 {
height: 32;
width: 86;
left: 664px;
top: 108px;
position: absolute;
padding-top: 2px;
}
.menu_item7 {
height: 32;
width: 140px;
left: 269px;
top: 108px;
position: absolute;
}
.menu_item {
height: 33px;
width: 140px;
right: 140px;
}
.menu_item1 {
height: 32;
width: 140;
left: 0px;
top: 108px;
position: absolute;
padding-left: 9px;
}
.weer {
height: 120px;
width: 177;
left: 23px;
position: absolute;
padding-left: 9px;
top: 22px;
}
.weer_header {
height: 20;
width: 177;
left: 23px;
position: absolute;
padding-left: 9px;
}
.nieuws {
height: 140;
width: 177;
left: 23px;
position: absolute;
padding-left: 9px;
top: 300px;
}
.nieuws_header {
height: 20;
width: 199;
left: 23px;
position: absolute;
padding-left: 9px;
}
.weer_wraper {
color: #333333;
height: 130px;
width: 199px;
left: 23px;
position: absolute;
padding-left: 9px;
top: 12px;
border: 1px solid #DF9700;
z-index: 1;
visibility: visible;
}
.nieuws_wraper {
height: 199px;
width: 199px;
position: absolute;
padding-left: 9px;
z-index: 1;
border: 1px solid #DF9700;
margin-top: 12px;
top: 177;
left: 23;
}
h4 {
color: #E61818;
font-size: 14px;
padding-left: 9px;
margin-top: 0px;
}
#homepage {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
h5 {
padding-left: 9px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

h6 {
padding-left: 27px;
margin-top: 0px;
}
.googleadds {
height: 77px;
width: 460px;
left: 20px;
position: absolute;
top: 214;
z-index: 1;
border: 1px solid #CCCCCC;
margin-top: 12px;
right: 20px;
padding-left: 0px;
}
h5 {

color: #DF9700;
font-size: 14px;
padding-left: 9px;
margin-top: 0px;
}
#weer {
height: 130px;
width: 199px;
left: 23px;
position: absolute;
padding-left: 9px;
top: 12px;
right: 177px;
border: 1px solid #DF9700;
z-index: 3;
}

[momania]

Kijk aub eens hier: Overzicht van UBB-codes en plaats in gods naam je code tussen [code] blokken.

En wat snap je niet aan relevante informatie Je kan niet verwachten dat mensen hier op GoT even een lap code gaan doornemen voor je en je zeggen waar de fout zit

[BtM909]

Succes met debuggen

Lees Webdesign, Markup & Clientside Scripting Policy, neem alle tips van bovenstaande mee en volgende keer alleen relevante gestripte code die in een werkende testcase kan worden gebruikt.