Vreemd gedrag in Opera

[MarcelG]

Okay, misschien is dit een open deur, maar ik heb een issue met Opera.

Het gaat om de layout die ik gebruik voor de code tag.
Ik render deze als volgt:

code:

<div style="margin-left:15px; margin-right:0px; margin-top:5px; margin-bottom:2px"><font class="dft">code : </font></div><pre class="codebox"><div dir="ltr" style="text-align:left;">....</div></pre>

Vervolgens heb ik deze CSS class voor de codebox-pre:

code:

.codebox {margin-right:0px;margin-left:15px; margin-bottom:5px; margin-top:2px; padding:4px; border:1px inset; width:450px; height:auto; overflow-x:scroll;overflow-y:auto; overflow:-moz-scrollbars-horizontal;background-color:#FFFFE1;font-family: Courier New, Courier, Monaco, mono; font-size: 11px;color:#000000;}

In IE, en FireFox rendert het toppie, maar Opera maakt er bagger van.
De tekst loopt uit de box, en er verschijnt geen enkele scrollbar.
Zie http://www.oxle.com/topic.asp?TOPIC_ID=3153 om het zelf te zien...

Any suggestions ?

[ Voor 7% gewijzigd door MarcelG op 05-10-2005 15:29 ]

[disjfa]

overflow-x en -y worden zover ik weet nog niet gebruikt in opera.

[MarcelG]

disjfa schreef op woensdag 05 oktober 2005 @ 15:32:
overflow-x en -y worden zover ik weet nog niet gebruikt in opera.

djuu ja, en Opera doet óók niks met de overflow:-moz... dingen, dus, overlow:auto gebruiken voor Opera ?

[ Voor 16% gewijzigd door MarcelG op 05-10-2005 15:34 ]

[Sabbi]

Het zal in ieder geval helpen als je al je opmaak in de css zet, en je html opschoont. Dan willen andere mensen het ook lezen

[Borizz]

Je gebruikt overal CSS voor, maar je gebruikt nog wel de font tag ?

[MarcelG]

Sabbi schreef op woensdag 05 oktober 2005 @ 15:36:
Het zal in ieder geval helpen als je al je opmaak in de css zet, en je html opschoont. Dan willen andere mensen het ook lezen

Sorry...ik neem aan dat je het positief bedoelt, maar ik mis even de strekking van je opmerking....
Ik snap dat m'n code niet valideert ; het is een behoorlijk samenraapsel, en HTML/CSS is niet mijn sterkste kant.
Maar, ik heb toch alle opmaak in de CSS staan ? En m'n HTML is toch redelijk opgeschoond ?

Borizz schreef op woensdag 05 oktober 2005 @ 15:39:
Je gebruikt overal CSS voor, maar je gebruikt nog wel de font tag ?

Is dat 'evil' ?
<font class=""></font> mag toch ? Of heb ik wéér iets gemist ?

[ Voor 21% gewijzigd door MarcelG op 05-10-2005 15:41 ]

[Sabbi]

Ik bedoel dat je beter je stijl opmaak niet in het midden van je html kan zetten, maar in een aparte stylesheet, (bij waarever je tweede coderegel staat) wordt alles overzichtelijker van, want dan is content/struct en opmaak gescheiden.
De font tag mag wel, maar is gewoon erg ranzig, net als <center> enzo.
Bv

code:

<div class="codeboxhead">code :</div><div class="codebox">....</div>

Als html gebruiken en de rest in je CSS doen.

[ Voor 53% gewijzigd door Sabbi op 05-10-2005 15:50 ]

[MarcelG]

Sabbi schreef op woensdag 05 oktober 2005 @ 15:46:
Ik bedoel dat je beter je stijl opmaak niet in het midden van je html kan zetten, maar in een aparte stylesheet, (bij waarever je tweede coderegel staat) wordt alles overzichtelijker van, want dan is content/struct en opmaak gescheiden.
De font tag mag wel, maar is gewoon erg ranzig, net als <center> is...

Klopt. Daar heb je gelijk in. Aangezien de style volledig db driven is, zit ie nu nog in de header. Ná het verhelpen van deze bug wilde ik de stylesheet extern gaan maken, om e.e.a. leesbaarder te maken.
Ik moet alleen even kijken of ik dat nog efficient kan doen, aangezien dit wellicht meer db-calls tot gevolg gaat hebben. Misschien maak ik er gewoon een non-db-driven versie van, die ik los update, zeg eens per dag.

[momania]

MarcelG schreef op woensdag 05 oktober 2005 @ 15:40:
[...]

<font class=""></font> mag toch ? Of heb ik wéér iets gemist ?

De font tag is deprecated, dwz dat hij in toekomstige versies van (x)html niet meer zal worden ondersteund en je hem dus niet meer hoort te gebruiken

[equationunequal]

MarcelG schreef op woensdag 05 oktober 2005 @ 15:40:
Is dat 'evil' ?
<font class=""></font> mag toch ? Of heb ik wéér iets gemist ?

Dat is heel evil

Vervang het eens door <p class=""></p> (al is die class vaak niet nodig als je goed met overerving werkt) voor paragraphs en bv. <h1></h1> voor headers. Je fonts, font-groottes ed. kan je allemaal netjes declareren in je css bestand...

[disjfa]

Het is toch een code. Zou je dan geen gebruik kunnen maken van <code>. Waarom een divje gebruiken als ze er al een html tag voor hebben ...

Verder <font>. Font is opmaak. Opmaak hoort in de css. Dus een opmaak tag geeft geen enkele meerwaarde in een html document.

[MarcelG]

Okay....ik heb dus méér uitdagingen dan alleen maar Opera die moeilijk doet....
Whoops.
"Had ik maar 'n vak geleerd" wordt dan gezegd hè.

Dus, alle <font class=""></font> vervangen door <p class=""></p> en de ellende is weer 'n deel over ? Of door <span class=""></span> ? Ik start/beeindig namelijk vaak geen nieuwe paragrafen, dus....

Maar euh..nou gaan we wel wat offtopic.

[Verwijderd]

Span tags zijn idd de snelste/beste oplossing om font tags te vermijden. Maar let wel: je kan je best eens verdiepen in semantiek voor een nóg betere oplossing.
Btw ken je de shorthand techniek in css ?
margin: topafstand rechtsafstand bodemafstand linksafstand
bvb
margin: 5px 0 2px 15px;

[bij een nulwaarde hoeft er in principe nooit een eenheid bij te staan]

[MarcelG]

Verwijderd schreef op woensdag 05 oktober 2005 @ 22:56:
Span tags zijn idd de snelste/beste oplossing om font tags te vermijden. Maar let wel: je kan je best eens verdiepen in semantiek voor een nóg betere oplossing.
Btw ken je de shorthand techniek in css ?
margin: topafstand rechtsafstand bodemafstand linksafstand
bvb
margin: 5px 0 2px 15px;

[bij een nulwaarde hoeft er in principe nooit een eenheid bij te staan]

Thanks, ik maak er SPAN tags van. (als die tenminste niet ook binnenkort deprecated zijn )
Die shorthand techniek heb ik vaker voorbij zien komen, maar voor m'n eigen leesbaarheid gebruik ik die (nog) niet.
Wellicht een idee voor de toekomst.