Re: [WSG] CSS issues: Opera's absolute positioning
Thierry Koblentz wrote: You could try to move the UL just before the text box and then use *float* rather than an AP div... I grudgingly did that to work around Opera's bug (just doesn't feel right to have options before the actual input in the document flow...but hey) Also, after attempting in vain to get legend to float in FF nightlies, I gave in and let it do what it pleases, without overlapping the submit button. Annoying, though...even tried giving an ID to the legend, but the forms.css' !important just has the highest specificity... :( After all these changes, how is it looking on Safari / FF/OS X / Camino ? http://www.splintered.co.uk/experiments/archives/frugal_google/ -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS issues: Opera's absolute positioning
0s 9 comments -for what there worth, in ie5.2 mac- messy overlaps w/radio buttons and text. positioning of google search button isnt right. maybe the backslash hack would do the trick if you feel inclined to support this browser. looks good in mozilla mac os 9 -kvnmcwebn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] CSS issues: Opera's absolute positioning
I'm pretty sure it's a bug in (Win) Opera's absolute positioning implementation, but annoying nonetheless... would anybody be able to suggest a simple fix to get the advanced search/preferences list to align properly next to the input on my frugal google experiment http://www.splintered.co.uk/experiments/74/ ? Any help or general pointers on how to get Opera to behave as it should would be muchly appreciated. Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS issues: Opera's absolute positioning
On Mon, 11 Apr 2005 13:53:14 +0100, Patrick Lauke [EMAIL PROTECTED] wrote: I'm pretty sure it's a bug in (Win) Opera's absolute positioning implementation, but annoying nonetheless... would anybody be able to suggest a simple fix to get the advanced search/preferences list to align properly next to the input on my frugal google experiment http://www.splintered.co.uk/experiments/74/ ? Any help or general pointers on how to get Opera to behave as it should would be muchly appreciated. The funny thing is, that in my Opera 8b3/win your XHTML is pixel-perfect with original Firefox startpage, but in Firefox 1.0+ (nightly 20050407) you can see pretty nasty bug - submit button overlaps radio buttons. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS issues: Opera's absolute positioning
Kornel Lesinski The funny thing is, that in my Opera 8b3/win your XHTML is pixel-perfect with original Firefox startpage, Interesting. In my copy of Opera 8 (can't remember which beta, but it's build 7401) I have the Advanced Search / Preferences to the right of the actual FF logo, completely outside of the box. but in Firefox 1.0+ (nightly 20050407) you can see pretty nasty bug - submit button overlaps radio buttons. Again, on my FF 1.0.1 and FF 1.1 at home, it only overlaps at very, very small font sizes. Could you email me screenshots off list, if it's not too much trouble? Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS issues: Opera's absolute positioning
On 11 Apr 2005, at 10:28 pm, Patrick Lauke wrote:
but in Firefox 1.0+ (nightly 20050407) you can see
pretty nasty bug - submit button overlaps radio buttons.
Again, on my FF 1.0.1 and FF 1.1 at home, it only overlaps at
very, very small font sizes.
Could you email me screenshots off list, if it's not too much trouble?
I send you a screenshot.
Camino nightly builds does the same thing.
The problem stems form this in the default forms.css
legend {
...
position: static ! important;
float: none ! important;
}
Which kills your rule.
Oddly, the DOM Inspector gives me a computed value for display as
'inline'. I had expected 'block'.
This is the OS X default forms.css for FF latest nightly. (But those
setting go as far back as dec 2004).
Philippe
---/---
Philippe Wittenbergh
now live : http://emps.l-c-n.com/
code | design | web projects : http://www.l-c-n.com/
IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] CSS issues: Opera's absolute positioning
Patrick Lauke schrieb:
Kornel Lesinski
The funny thing is, that in my Opera 8b3/win your XHTML
is pixel-perfect with original Firefox startpage,
Interesting. In my copy of Opera 8 (can't remember which beta, but it's
build 7401) I have the Advanced Search / Preferences to the right of
the actual FF logo, completely outside of the box.
but in Firefox 1.0+ (nightly 20050407) you can see
pretty nasty bug - submit button overlaps radio buttons.
Again, on my FF 1.0.1 and FF 1.1 at home, it only overlaps at
very, very small font sizes.
my FF1.0+ (nightly 20050323) shows the same problem Kornel reported, and
I think the problem is in the browser default /res/form.css:
legend { ... float: none ! important; }
this would win over your rule
fieldset fieldset legend { float: left; }
but I may be wrong.
Ingo
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] CSS issues: Opera's absolute positioning
Patrick Lauke schrieb: I'm pretty sure it's a bug in (Win) Opera's absolute positioning implementation, but annoying nonetheless... would anybody be able to suggest a simple fix to get the advanced search/preferences list to align properly next to the input on my frugal google experiment http://www.splintered.co.uk/experiments/74/ ? the a.p. ul#options should be offset relatively to its containing block, which should be the r. p. fieldset#mainform in this case. Opera versions prior to 8beta3 seem to ignore this and offset the ul relatively to body. I don't know an easy fix, but position:relative on the nearest available block form looks better in Opera7.54 + 8beta1 here. maybe a start to look at. Ingo ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS issues: Opera's absolute positioning
Philippe Wittenbergh wrote:
The problem stems form this in the default forms.css
legend {
...
position: static ! important;
float: none ! important;
}
Ingo Chao wrote:
I think the problem is in the browser default /res/form.css:
legend { ... float: none ! important; }
Well that's just peachy...so basically, there's no way to override this,
as it will always take precedence over anything I can do with my styles
thanks to the ! important. Interestingly, these rules weren't in my
forms.css, but now that I've manually edited it, I can see exactly
what's happening. Infuriating...this makes the already difficult legend
even more difficult to style. *sigh*
--
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] CSS issues: Opera's absolute positioning
On 12 Apr 2005, at 10:30 am, Patrick H. Lauke wrote: Well that's just peachy...so basically, there's no way to override this, as it will always take precedence over anything I can do with my styles thanks to the ! important. Interestingly, these rules weren't in my forms.css, but now that I've manually edited it, I can see exactly what's happening. Infuriating...this makes the already difficult legend even more difficult to style. *sigh* The behaviour changed after the release of Firefox 1.0 / Gecko1.7x. There is this related bug in Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=269908 Based on the comments, I don't expect anything to change soon. And, agreed, it doesn't make it easier to style the legend. :-/ Philippe ---/--- Philippe Wittenbergh now live : http://emps.l-c-n.com/ code | design | web projects : http://www.l-c-n.com/ IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS issues: Opera's absolute positioning
On Tue, 12 Apr 2005 02:30:24 +0100, Patrick H. Lauke wrote: Well that's just peachy...so basically, there's no way to override this, as it will always take precedence over anything I can do with my styles thanks to the ! important. Interestingly, these rules weren't in my forms.css, but now that I've manually edited it, I can see exactly what's happening. Infuriating...this makes the already difficult legend even more difficult to style. *sigh* Hmmm... not quite. IIRC, you could assign an id to the legend and style that and that should override the less specific style. Havent followed the earlier thread to know if that is possible for you Lea ~ looking for a permanent position in Brisbane. Got anything? -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS issues: Opera's absolute positioning
would anybody be able to suggest a simple fix to get the advanced search/preferences list to align properly next to the input on my frugal google experiment http://www.splintered.co.uk/experiments/74/ ? You could try to move the UL just before the text box and then use *float* rather than an AP div... HTH, Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
