Cel background in Opera werkt niet goed

Pagina: 1
Acties:

  • plakbandrol
  • Registratie: Juni 2002
  • Laatst online: 12-02 12:36
http://www.4aal.nl/akaralam

het zijn maar een paar kleine dingen maar aangezien ik een perfectionist ben wil ik het toch ff fixen

Ik heb op 2 plekken een achtergrond gekozen van een cell, in opera wordt deze achtergrond alleen 1 pixel verschoven tov de rest

hoe fix ik dit? in IE en mozilla werkt het goed en w3c vind geen fouten

Afbeeldingslocatie: http://4aal.nl/opera.jpg

de tekst op die site is om te testen, dat lijkt me duidelijk

Verwijderd

Opera? 6 of 7?

Je geeft de celgroottes in procenten op. Dan kan het nog wel eens een pixeltje schelen. Haal alle procenten eruit (het ontwerp schaalt toch niet) en definieer het in je CSS met pixels.

  • plakbandrol
  • Registratie: Juni 2002
  • Laatst online: 12-02 12:36
Verwijderd schreef op 20 February 2003 @ 22:08:
Opera? 6 of 7?

Je geeft de celgroottes in procenten op. Dan kan het nog wel eens een pixeltje schelen. Haal alle procenten eruit (het ontwerp schaalt toch niet) en definieer het in je CSS met pixels.
opera 7, en de betreffende cellen zijn in pixels, niet in procenten

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

plakbandrol schreef op 20 February 2003 @ 23:39:
[...]

opera 7, en de betreffende cellen zijn in pixels, niet in procenten
Toch niet helemaal, want als ik zo door de source heenloop zie ik regelmatig:

HTML:
1
width="18%"


En wat Blues probeerd te zeggen dat je dat maar niet moet doen aagezien je pagina toch niet schaalbaar is. Dit kan 1 van de mogelijke problemen zijn, daarnaast zie ik dat je bij je stylesheet definities het (bijvoorbeeld) volgende doet:

Cascading Stylesheet:
1
left: 29;

Maar left wat?? Moet het meters zijn, centimeters? Dit kan ook vaak het probleem zijn aangezien een browser nu niet weet wat je hiermee bedoelt...

  • Willem2
  • Registratie: Oktober 2000
  • Laatst online: 14:05

Willem2

Ω is futile

code:
1
2
3
4
5
6
7
8
9
10
11
<script language="JavaScript">
// check browser version
function checkBrowser(){
  this.opera=this.agent.indexOf("Opera")>-1
  return this
}

bw = new checkBrowser()

bw.opera?document.write('<image src="opera.gif">'):document.write('<image src="the_rest.gif">')
</script>


en nu hopen dat Opera zich ook echt als Opera bekend maakt en niet als IE... :)

en nee, ik houd niet van voetbal... :)


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 19:23

crisp

Devver

Pixelated

Het probleem zit dus niet in de percentages, maar in het feit dat de table layout niet gefixeerd is, en de eerste row een cel bevat met colspan :)
Probeer dit eens toe te voegen aan je stylesheet:
code:
1
2
3
table {
  table-layout: fixed;
}

en zet dit tussen je eerste <table> tag en de <tr>:
HTML:
1
2
3
4
5
<colgroup>
  <col width="108"></col>
  <col width="587"></col>
  <col width="16"></col>
</colgroup>

Intentionally left blank


  • plakbandrol
  • Registratie: Juni 2002
  • Laatst online: 12-02 12:36
crisp schreef op 21 February 2003 @ 09:06:
Het probleem zit dus niet in de percentages, maar in het feit dat de table layout niet gefixeerd is, en de eerste row een cel bevat met colspan :)
Probeer dit eens toe te voegen aan je stylesheet:
code:
1
2
3
table {
  table-layout: fixed;
}

en zet dit tussen je eerste <table> tag en de <tr>:
HTML:
1
2
3
4
5
<colgroup>
  <col width="108"></col>
  <col width="587"></col>
  <col width="16"></col>
</colgroup>
_/-\o_ duizend maal dank :>

alleen w3c vind het minder leuk, maarja boeiend

-edit- door die </col>'s weg te halen werkt ie ook in opera in slikt w3c hem wel

[ Voor 33% gewijzigd door plakbandrol op 21-02-2003 15:41 ]


  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

plakbandrol schreef op 21 February 2003 @ 15:36:
-edit- door die </col>'s weg te halen werkt ie ook in opera in slikt w3c hem wel
Klopt, want volgens HTML4.0 hoef je deze namelijk niet af te sluiten. echter wanneer je gebruik maakt van XHTML1.x dan dien je hem wel af te sluiten.

Zelf pas ik dan het als volgt toe:

HTML:
1
2
3
<colgroup>
 <col width="100" />
</colgroup>

[ Voor 8% gewijzigd door Woudloper op 21-02-2003 15:48 . Reden: te snel :( ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 19:23

crisp

Devver

Pixelated

Woudloper schreef op 21 February 2003 @ 15:47:
[...]


Klopt, want volgens HTML4.0 hoef je deze namelijk niet af te sluiten. echter wanneer je gebruik maakt van XHTML1.x dan dien je hem wel af te sluiten.

Zelf pas ik dan het als volgt toe:

HTML:
1
2
3
<colgroup>
 <col width="100" />
</colgroup>
w3c: Start tag: required, End tag: forbidden

Ik had de code even snel gecopieerd van een andere pagina waar ze dus wel zo werden afgesloten (drie maal raden welke pagina)... :X

Intentionally left blank


  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

crisp schreef op 21 February 2003 @ 16:00:
w3c: Start tag: required, End tag: forbidden
Ja, maar is zei toch echter...

Met andere woorden: binnen XHTML moet je altijd je tags afsluiten... (of is er voor deze tag een uitzondering gemaakt)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 19:23

crisp

Devver

Pixelated

Woudloper schreef op 21 February 2003 @ 16:03:
[...]
Ja, maar is zei toch echter...

Met andere woorden: binnen XHTML moet je altijd je tags afsluiten... (of is er voor deze tag een uitzondering gemaakt)
Was eigenlijk meer bedoeld op: "hoef je ze niet af te sluiten"; je mag ze dus niet afsluiten (wist ik ook niet hoor); echter ziet een HTML parser een /> niet als afsluittag, dus is het gewoon correct :)

[ Voor 5% gewijzigd door crisp op 21-02-2003 16:08 ]

Intentionally left blank

Pagina: 1