login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS en TABLE's met 'width="100%"'

Offline Rien91 - 03/06/2006 16:37 (laatste wijziging 03/06/2006 20:59)
Avatar van Rien91HTML interesse Op mijn site heb ik een design met een tabel:
navlinks | content | navrechts
Maar als ik in 'content' een tabel over de volle breedte van 'content' wil (dus met width="100%") hebben krijg ik in 'ie6' een tabel over de hele pagina, wat juist niet de bedoeling is. Want het het moet over de volle breedte van 'content'. (In ff werkt het wel...) Dus hoe los ik dit op?
Index.php
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="100%" border="0">
  2. 		  <tr>
  3. 			<td width="160" valign="top">
  4. 				<div id="navcontent">
  5. 				</div>
  6. 			</td>
  7. 			<td width="*" valign="top">
  8. 				<div id="content">
  9. <!-- Dus als je hier dit zet: -->
  10. <table width="100%">
  11. </table>
  12. <!-- Dan is de pagina heel erg uitgerekt in ie6... -->
  13. 				</div>
  14. 			</td>
  15. 			<td width="160" valign="top">
  16. 				<div id="navcontent">
  17. 				</div>
  18. 			</td>
  19. 		  </tr>
  20. 		</table>

Style.css
php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	background-color: #F8F8F8;
  3. 	font-family: verdana, tahoma, helvetica, arial, sans-serif;
  4. 	font-size: 100%;
  5. 	color: #888888;
  6. }
  7. #content {
  8. 	position: static;
  9. 	background-color: #FFFFFF;
  10. 	padding-bottom: 0.8em;
  11. 	padding-left: 0.8em;
  12. 	padding-right: 0.8em;
  13. 	border-style: solid; border-width: 1px; border-color: #E5E5E5;
  14. 	margin-bottom: 13px;
  15. 	margin-left: 0.8em;
  16. 	margin-right: 0.8em; 
  17. }
  18. #navcontent {
  19. 	position: static;
  20. 	background-color: #FFFFFF;
  21. 	color: #FF9933;
  22. 	padding-bottom: 0.8em;
  23. 	padding-left: 0.8em;
  24. 	padding-right: 0.8em;
  25. 	border-style: solid; border-width: 1px; border-color: #E5E5E5;
  26. 	margin-bottom: 13px;
  27. }
  28. ...

En ik wil geen vaste waarde voor width (zoals: width="500"). Want ik wil dat de pagina zich aanpast aan de schermresoltie.

5 antwoorden

Gesponsorde links
Offline prorsoft - 03/06/2006 16:44
Avatar van prorsoft PHP gevorderde leg ff wat beter uit...
wil je dat de breedte van de tabel zich aanpast aan de inhoud? haal dan de width helemaal weg!
Offline Rien91 - 03/06/2006 16:45
Avatar van Rien91 HTML interesse Ja, dat wil ik. Maar wat jij zegt werkt niet, want dan wordt de tabel zo dun mogelijk..
Offline CDNC - 03/06/2006 17:00
Avatar van CDNC PHP ver gevorderde font-size: 100% 
Offline Rens - 03/06/2006 17:02
Avatar van Rens Gouden medaille

Crew algemeen		 Het gaat over de breedte van de tabel, niet over de textgrootte?
Offline Rien91 - 03/06/2006 17:02 (laatste wijziging 03/06/2006 17:04)
Avatar van Rien91 HTML interesse Ik heb het een hele tijd geleden van oswd.org gedownload. Als uitleg voor wat jij zei, schreef de maker: "Similarly, it uses relative metrics to support varying user font sizes".
@Rensjuh
Idd
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.233s