login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tabel doet vreemd in IE

Offline Sam - 17/07/2008 13:47
Avatar van SamPHP expert Hey,

Ik heb deze pagina tijdelijk geupload om het probleem te laten zien:
http://zarplax.awardspace.com/

Als je deze website opent in FF zie je niks vreemd, maar in IE zie je duidelijk dat het balkje met de titel van de pagina aan de zijkanten uitgerekt is. De pagina is zo opgebouwd dat het deel met de content in 50% van de schermbreedte moet zijn. De titelbalk bestaat uit 3 td's:
1 van 10px breedte voor de linkerkant
1 waarbij de breedte niet gedefinieerd is omdat hij opvullend moet zijn
1 van 10px breedte voor de rechterkant

IE vindt het precies nodig om mijn opgegeven breedtes te negeren en de zijkanten uit te rekken.

Dit probleem is gemakkelijk op te lossen als ik de breedte van de pagina in pixels zou kunnen definieren i.p.v in procent.

Mijn vraag is dus:
1) Hoe kan ik dit probleem in html/css oplossen?
2) Als ik dit probleem niet in html/css kan oplossen, hoe dan wel? Of hoe krijg ik breedte van het scherm in pixels? (JS/PHP)

Thx,
Sam

3 antwoorden

Gesponsorde links
Offline Martijn - 17/07/2008 20:51
Avatar van Martijn Crew PHP ten eerste, je link werkt niet, iig niet bij mij.

dan over je site verdeling, ik zou gewoon een vaste maat van je site maken. Dat is veel mooier op verschillende groottes, want stel je maakt dat het past in 800*600, en dan is dr iemand met een 20 inch tft, en dan zitten dr gaten overal. En als je die gaten tot zijkant maakt, is dat veel minder storend. (zie bv sitemasters)
Offline Sam - 18/07/2008 01:50
Avatar van Sam PHP expert Oke, de site zou er veel beter uitzien bij een normaal scherm, maar iemand met een hoge resolutie, ziet een klein rechthoekje in het midden en als je de site te breed maakt (Sima is 982px breed) dan kan een klein scherm er niet goed meer mee overweg.

Ik zal proberen en kijken hoe de site eruit ziet met een breedte van 800px ...
Offline vinTage - 18/07/2008 02:03
Avatar van vinTage Nieuw lid 2) Als ik dit probleem niet in html/css kan oplossen, hoe dan wel? Of hoe krijg ik breedte van het scherm in pixels? (JS/PHP)

  1. <script type="text/javascript">
  2. function alertSize() {
  3. var myWidth = 0, myHeight = 0;
  4. if( typeof( window.innerWidth ) == 'number' ) {
  5. //Non-IE
  6. myWidth = window.innerWidth;
  7. myHeight = window.innerHeight;
  8. } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  9. //IE 6+ in 'standards compliant mode'
  10. myWidth = document.documentElement.clientWidth;
  11. myHeight = document.documentElement.clientHeight;
  12. } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  13. //IE 4 compatible
  14. myWidth = document.body.clientWidth;
  15. myHeight = document.body.clientHeight;
  16. }
  17. window.alert( 'Width = ' + myWidth );
  18. window.alert( 'Height = ' + myHeight );
  19. }
  20. </script>
  21.  
  22. <body onload="alertSize()">


Maar ik zou gewoon divjes nemen met daar een left en rightmargin in van 10px
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s