I have searched on the web for an answer to my problem. Of course it led me to a few topics here on stackoverflow. I tried the solutions that where offered, but I had no succes so far! Would someone please be so kind to take a quick look at my html & css? It's about the sidebar id. I have defined the background color to red so you should not be able to miss it.
<!DOCTYPE HTML> <html lang="nl"> <head> <meta charset="utf-8" /> <title>Eenmaal Andermaal</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> table { border-spacing:10px; } <!---Veiling foto's---> .imgBig { width: 252px; height: 252px; } .imgSmall { width: 80px; height: 80px; } #enlarged { float:left; } #thumbnails { float:left; } <!---Bod bar---> #sidebar { float:left; width:272px; height:739px; background-color:red; } <!---Links---> a { text-decoration:none; color:#535f79; } a:hover { text-decoration:underline; } </style> </head> <body> <h2>Titel van deze veiling</h2> <table> <tr> <td>Voorwerpnummer:</td><td>7324474820</td> </tr> </table> <!--Foto's--> <div id="enlarged"> <img class = "imgBig" src = "img\versterker.jpg" alt=""> </div> <div id="thumbnails"> <table> <tr> <td> <a href="img\versterker.jpg"><img class = "imgSmall" src = "img\versterker.jpg" alt=""></a> </td> <td> <a href="img\versterker.jpg"><img class = "imgSmall" src = "img\versterker.jpg" alt=""></a> </td> </tr> <tr> <td> <a href="img\versterker.jpg"><img class = "imgSmall" src = "img\versterker.jpg" alt=""></a> </td> <td> <a href="img\versterker.jpg"><img class = "imgSmall" src = "img\versterker.jpg" alt=""></a> </td> </tr> </table> </div> <!--Biedingen--> <div id="sidebar"> <table> <tr> <td>Verkoper:</td><td>Gebruiker793</td> </tr> <tr> <td>Locatie:</td><td>Arnhem</td> </tr> <tr> <td>Beoordeling:</td><td></td> </tr> <tr> <td><a href>Neem contact op met verkoper</a></td><td></td> </tr> <tr> <td>Geplaatst:</td><td>22-11-2013 11:00</td> </tr> <tr> <td>Looptijd:</td><td>7 dagen</td> </tr> </table> </div> </body> </html> 
