login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Raar in Firefox

Offline DrB - 23/01/2006 16:13 (laatste wijziging 23/01/2006 16:20)
Avatar van DrBHTML interesse Hej,

Ik heb een site gemaakt te zien op : http://www.xedo.nl/website/

Echter deze site is goed te zien in IE, terwijl het contentvlak in Firefox erg raar is. De code moet je maar even van de site afhalen anders wordt de post weer zo groot.

Hier mijn style.css:

  1. body {
  2. margin-left: 0px;
  3. margin-top: 30px;
  4. margin-right: 0px;
  5. margin-bottom: 20px;
  6. font-family: Verdana, sans-serif;
  7. font-size: 11px;
  8. color: #000000;
  9. }
  10.  
  11. .container {
  12. margin-left: auto;
  13. margin-right: auto;
  14. hight: 861px;
  15. }
  16.  
  17. a:link {
  18. text-decoration: none;
  19. color: #000000;
  20. }
  21.  
  22. a:visited {
  23. text-decoration: none;
  24. color: #000000;
  25. }
  26.  
  27. a:active {
  28. text-decoration: none;
  29. }
  30.  
  31. a:hover {
  32. text-decoration: underline;
  33. color: #008080;
  34. }
  35.  
  36. .gradualshine {
  37. filter:alpha(opacity=30);
  38. -moz-opacity:0.3;


Bedankt voor het kijken in iedergeval

DrB

12 antwoorden

Gesponsorde links
Offline ReneeJ - 23/01/2006 16:38
Avatar van ReneeJ HTML interesse Ik zie het verschil niet echt???
Offline DrB - 23/01/2006 16:43
Avatar van DrB HTML interesse Zo zie ik het in firefox:

http://www.xedo.nl/screenie.jpg
Offline Voldemort - 23/01/2006 16:53
Avatar van Voldemort PHP ver gevorderde Ik ook, maar het ziet er net hetzelfde uit als in IE bij mij :S.
Offline DrB - 23/01/2006 17:04 (laatste wijziging 23/01/2006 17:11)
Avatar van DrB HTML interesse In IE laat hij hem goed zien bij mij. Maar hoe kan dit? Iemand een idee
Offline ReneeJ - 23/01/2006 17:12
Avatar van ReneeJ HTML interesse Ik zie ze toch hetzelfde haha
Offline timo - 23/01/2006 17:13
Avatar van timo PHP ver gevorderde het ziet er niet hetzelfde uit, het probleem kan ik echter weer niet oplossen 
Offline nathanael - 23/01/2006 20:10
Avatar van nathanael Gouden medaille

HTML gevorderde
heel misschien dat dit hetis:

.gradualshine {
filter:alpha(opacity=30);
-moz-opacity:0.3;

moet nog gesloten worden
}
Offline DrB - 23/01/2006 20:18
Avatar van DrB HTML interesse Nope nog steeds hetzelfde probleem.. Eg raar want de pagina is gewoon w3c valid
Offline Pieter - 23/01/2006 21:01
Avatar van Pieter Gouden medaille

SEO guru
Je zou beter volledig in xhtml werken, nu heb je een slordige code (door die f*cking table).
Eerst en vooral toont hij hem in firefox zoals hij is. In internet explorer (met de slechte rendering van css) geeft hij het verkeerd.
Nu staat er als achtergrond van die cel (brrr) index_21.jpg. Deze staat echter in de style die in die td tag staat met repeat.
Als je de afbeelding bekijkt (die index_21) dan zie je dat FF het dus juist doet.
Als je geen zo'n streepjes wilt, moet je gewoon no-repeat doen en die cel een achtergrondkleur geven.

Groetjes
(ps: het is niet omdat de pagina w3c valid is dat hij goed is, er komt namelijk nog eens accessibility bij te zien, semantische en correcte opbouw van de code,...)
Offline DrB - 24/01/2006 09:29 (laatste wijziging 24/01/2006 09:48)
Avatar van DrB HTML interesse Bedankt voor je duidelijke reactie Pieter, ik ga er zo weer even naar kijken, ik laat weten of het gelukt is!


//

Hoe moet ik dan deze code aanpassen:

  1. <td colspan="0" style="background: url('images/index_21.jpg'); width:5px; height:446px" valign="top">&nbsp; </td>
Offline Ontani - 24/01/2006 10:40
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
background moet background-image worden, voor de rest ziet er alles goed uit.
Offline DrB - 24/01/2006 13:09 (laatste wijziging 25/01/2006 09:15)
Avatar van DrB HTML interesse Hoe zal de code dan moeten worden?

  1. <td colspan="0" style="background-image: url('images/index_21.jpg'); width:5px; height:446px" valign="top">&nbsp; </td>



Dit werkt niet namelijk.

En dit ook niet:

  1. <td colspan="0" style="background-image: url('images/index_21.jpg'); background-repeat: no-repeat; width:5px; height:446px" valign="top">&nbsp; </td>


Bedankt voor de antwoorden


// update

Probleem opgelost de colspan="0" moest gewoon weggehaald worden. Bedankt allemaal!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s