login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Layout tabellen achtergrond niet naast elkaar

Offline vinie - 15/05/2009 19:21
Avatar van vinieNieuw lid hey ik heb een probleem

ik ben aan het oefenen met layout in tabelen

en ik heb een banner bewerkt maar omdat ieder beeldscherm anders is, heb ik het maar bij een bepaalt pixels gehouden maar in mijn tabel achtergrond heb ik dit ingevoegd maar in mijn beeldscherm geeft mijn server de afbeelding naast elkaar.

omdat mijn beeldscherm namenlijk een 17 inches is
is hier een bepaalde css of html code voor mijn probleem?

de afbeelding moet op ieder beeldscherm 100% weergegeven worden!

voor een voorbeeld ga naar mijn server

www.master-vincent.serverthuis.nl/layout/2/


layout codes

index.php
  1. <html>
  2. <head>
  3. <title>layout 2</title>
  4. <LINK HREF="style.css" REL="stylesheet" TYPE="text/css">
  5. <meta name="description" content="site omschrijving">
  6. <meta name="keywords" content="sleutel woorden/zoekwoorden">
  7. <meta name="language" content="Nederlands">
  8. <meta name="copyright" content="Copyright vincent 2009">
  9. <meta name="author" content="Vincent">
  10. <meta name="publisher" content="site eigenaar">
  11. <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
  12. <meta http-equiv="content-style-type" content="text/css">
  13. <meta http-equiv="content-script-type" content="text/javascript">
  14. <meta name="generator" content="Notepad ++">
  15. <meta http-equiv="reply-to" content="E-mail">
  16. </head>
  17. <body oncontextmenu="return false" ondragstart="return" onselectstart="return false">
  18. <center><table height="100%" width="80%" border="0">
  19. <tr><td id="banner" colspan="2" width="100%" height="28%">
  20.  
  21.  
  22. <center>Banner</center>
  23.  
  24.  
  25.  
  26.  
  27. </td>
  28. </tr>
  29. <tr>
  30. <td id="streep" colspan="2" width="12">
  31. <center>
  32. Streep
  33. </center>
  34. </td>
  35. </tr>
  36. <tr>
  37. <td id="menu" width="20%" height="68%" >
  38. Menu
  39.  
  40.  
  41.  
  42.  
  43. </td>
  44. <td id="content" width="80%" height="68%">
  45. <DIV STYLE="overflow-y: scroll; overflow-x: no; height: 100%; width: 100%">
  46.  
  47. Main
  48. <br><br><br><br><br>
  49. <br><br><br><br><br><br>
  50. <br><br><br><br><br><br>
  51. <br><br><br><br><br><br>
  52. <br><br><br><br><br><br>
  53. <br><br><br><br><br>
  54. <br><br><br><br><br><br>
  55. <br><br><br><br><br><br>
  56. <br><br><br><br><br><br>
  57. <br><br><br><br><br><br>
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66. </div>
  67. </td>
  68. </tr>
  69. <tr>
  70. <TR><TD WIDTH="20%" height="12%">
  71. gemaakt door
  72. </TD><TD WIDTH="80%" height="12%">
  73. Ads door google
  74.  
  75. </td></tr>
  76. <table></center>
  77. </body>
  78. </html>


  1. BODY{
  2. background-color:#C0C0C0;
  3.  
  4. }
  5.  
  6. table {
  7. background-color:#00BFFF;
  8.  
  9.  
  10. }
  11.  
  12. #banner {
  13. background-image:url('images/banner.gif');
  14. background-repeat: repeat-x background-repeat: no-repeat
  15.  
  16. }
  17.  
  18. #streep {
  19. background-color;#00BFFF;
  20.  
  21. }
  22.  
  23.  
  24. #menu {
  25. background-color:#00BFFF;
  26.  
  27. }
  28.  
  29.  
  30. #content {
  31. background-color:#ADFF2F;
  32.  
  33.  
  34. background-color:#;
  35.  
  36.  
  37. scrollbar-face-color:#00008B;
  38. scrollbar-highlight-color:#00008B;
  39. scrollbar-3dlight-color:#00008B;
  40. scrollbar-darkshadow-color:#00008B;
  41. scrollbar-shadow-color:#00008B ;
  42. scrollbar-arrow-color: #FFFFFF;
  43. scrollbar-track-color:#ADFF2F;
  44.  
  45. }
  46.  
  47.  
  48.  
  49. #navigatie {
  50. font-family: verdana, Helvetica, Arial, sans-serif;
  51. font-size: 10px;
  52. font-weight: bold;
  53. width: 13em;
  54. border-right: 0px solid #666;
  55. padding: 0;
  56. margin-bottom: 1em;
  57.  
  58. color: #333;
  59. }
  60.  
  61. #navigatie ul {
  62. list-style: none;
  63. margin: 0;
  64. padding: 0;
  65. }
  66.  
  67. #navigatie ul li {
  68. margin: 0;
  69. border-top: 1px solid #003;
  70. }
  71.  
  72. #navigatie ul li a {
  73. display: block;
  74. padding: 2px 2px 2px 2px;
  75. background-color: #DEB887;
  76. color: #008000;
  77. text-decoration: none;
  78. width: 100%;
  79. }
  80.  
  81. #navigatie ul li a {
  82. width: auto;
  83. }
  84.  
  85. #navigatie ul li a:hover {
  86.  
  87. background-color: #FFA500;
  88. color: #fff;
  89. }

8 antwoorden

Gesponsorde links
Offline vinie - 15/05/2009 21:50
Avatar van vinie Nieuw lid de <br> zijn om het te testen voor de scrolbar en kijken voor de opmaak de haal ik later weer weg 
Offline Pieter - 16/05/2009 08:38
Avatar van Pieter Gouden medaille

SEO guru
Waarom de combinatie tabellen/CSS? Ik versta het gebruik van 1 van de 2, maar maak je het jezelf gewoon niet lastig met de twee tegelijk te gebruiken?
De problemen met positioneren in tabellen los je niet op met een paar regels css hé.
Offline valles10 - 16/05/2009 08:54 (laatste wijziging 16/05/2009 08:54)
Avatar van valles10 HTML interesse Waarom maak je niet gebruik van tabellen en divs?
zoals op http://vallesplanet.ict-eagle.eu
  1. <table>
  2. <tr><td colspan="3" align="center">banner</td></tr>
  3. <tr><td><div id="menu">Menu</div><div id="menu">Menu</div><div id="menu">Menu</div></td><td valign="top">COntent van pagina</td><td>Hier nog wat menus.. met de divs</td></tr>
  4. <tr><td colspan="3">Footer hier</td></tr>
  5. </table>
Offline vinie - 28/05/2009 19:02
Avatar van vinie Nieuw lid ja een div gebruik ik bij de menu en bij content maar bij de banner niet want als je een bezoeker hebt met een klein beeldscherm zie je een scrol bar en dat moet niet.

ik blijf gewoon html 4.0 schrijven want mensen met een oude browser kunnen geen xhtml. weergeven 
Offline zointer - 29/05/2009 06:09
Avatar van zointer HTML gevorderde
vinie schreef:
ik blijf gewoon html 4.0 schrijven want mensen met een oude browser kunnen geen xhtml. weergeven 

En hoeveel % zou da zijn denk je?

Browser Statistics

hoeveel bezoekers van uw site's hebben een browser versie zoals vb IE5 en ouder in gebruikt?

Ga mee met de tijd, wie ter plaatse blijft trappelen, gaat achteruit.
Offline Bart - 29/05/2009 08:09
Avatar van Bart PHP expert @ts

Misschien helpt het ook als je even een schermafdruk post ter illustratie van je probleem.
Offline vinie - 29/05/2009 10:44
Avatar van vinie Nieuw lid voorbeeld www.master-vincent.serverthuis.nl/layout/4/


screenhot
[IMG]http://i42.tinypic.com/2s9egk1.jpg[/IMG]
Offline ArieMedia - 29/05/2009 10:58
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
vinie schreef:
voorbeeld www.master-vincent.serverthuis.nl/layout/4/


screenhot
[IMG]http://i42.tinypic.com/2s9egk1.jpg[/IMG]
Ik zie dat je de afbeeldingen van W3C hebt staan, Je code is echter helemaal niet valid

Errors found while checking this document as HTML 4.01 Transitional!
Result: 14 Errors, 9 warning(s)

Valid?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.199s