 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / April 2006image problem
Hi guys, I've got a problem again, pesky css. I have a rounded box for a login. Its a wrapper div containing three divs stacked on top of each other. In IE its fine, but in FF the divs are seperated. I've tried IMG{display:block}, I've tried IMG{vertical align:bottom}. I've set margins to 0, i've set line height to 0. Now what? http://www.paulwatt.info/test/supply/ Cheers  SignaturePaul Watt http://www.paulwatt.info > Hi guys, > I've got a problem again, pesky css. I have a rounded box for a login. Its [quoted text clipped - 6 lines] > > Cheers Dont worry, sorted it cheers >> Hi guys, >> I've got a problem again, pesky css. I have a rounded box for a [quoted text clipped - 8 lines] > > Dont worry, sorted it That's a relief! SignatureCharles Sweeney http://CharlesSweeney.com >>> Hi guys, >>> I've got a problem again, pesky css. I have a rounded box for a [quoted text clipped - 10 lines] > >That's a relief! Thank heavens! I shall be able to sleep tonight, afterall! Matt SignatureVeritas Vincti http://www.probertencyclopaedia.com >> Hi guys, >> I've got a problem again, pesky css. I have a rounded box for a login. Its [quoted text clipped - 10 lines] > > cheers Umm, you may have fixed it /somewhere/ but not on the link above. Not for me in the latest releases of Firefox and SeaMonkey. SignatureEd Mullen http://edmullen.net http://mozilla.edmullen.net http://abington.edmullen.net Boycott shampoo! Demand the REAL poo! >>> Hi guys, >>> I've got a problem again, pesky css. I have a rounded box for a login. [quoted text clipped - 13 lines] > Umm, you may have fixed it /somewhere/ but not on the link above. Not for > me in the latest releases of Firefox and SeaMonkey. fixed on my local copy paul >> I've tried IMG{vertical align:bottom}. >> > Dont worry, sorted it Forget the hyphen, yes? Signaturejmm (hyphen) list (at) sohnen-moe (dot) com (Remove .AXSPAMGN for email) >Hi guys, >I've got a problem again, pesky css. I have a rounded box for a login. Its a >wrapper div containing three divs stacked on top of each other. In IE its >fine, but in FF the divs are seperated. I've tried IMG{display:block}, I've >tried IMG{vertical align:bottom}. I've set margins to 0, i've set line >height to 0. Now what? Have you tried tables? </gets coat> Matt SignatureVeritas Vincti http://www.probertencyclopaedia.com >>I've got a problem again, pesky css. I have a rounded box for a login. Its a >>wrapper div containing three divs stacked on top of each other. In IE its [quoted text clipped - 5 lines] > ></gets coat> Actually that's a good suggestion. I see more consistency between browsers in the way they display tables than the way they handle CSS. It's gotten to the point where I'm about to give up on CSS for layout, I'm so disgusted with how IE fails to conform to standards, and I don't want to litter my pages with ridiculous hacks to compensate for all the differences. -A To further the education of mankind, axlq@spamcop.net (axlq) vouchsafed: >>Have you tried tables? >> [quoted text clipped - 6 lines] > and I don't want to litter my pages with ridiculous hacks to > compensate for all the differences. Tables can be quite a pain, too. And the standards exist for the primary reason (-whether the w3c realizes it or not) of making all (general web) browsers work the same with the same markup. We're parsecs from that utopean goal which will probably never be reached, but wouldn't it be nice if you had something like a 98% level of confidence that some splotch of markup would work identically in all browsers? Css will evolve. I wouldn't give up too quickly. SignatureNeredbojias Infinity has its limits. axlq schreef: [snipped] >>Have you tried tables? >> [quoted text clipped - 8 lines] > > -A If you have to apply hacks, it will be in the stylesheet. That means you don't have to litter your pages. Rob >axlq schreef: >> I'm so disgusted with how IE fails to conform to standards, [quoted text clipped - 3 lines] >If you have to apply hacks, it will be in the stylesheet. >That means you don't have to litter your pages. That's not quite true. Try making a CSS-only drop-down menu (without using Javascript) that works the same under IE and other browsers. All the examples I have seen required conditional markup hacks in the document, as well as separate stylesheets for IE. An excellent example of a cross-browser non-javascript CSS-only drop-down menu is here: http://www.cssplay.co.uk/menus/final_drop.html It's quite nicely done, but it does require hacks in both CSS and HTML. -A >>If you have to apply hacks, it will be in the stylesheet. >>That means you don't have to litter your pages. > > That's not quite true. Try making a CSS-only drop-down menu And why would I even want to? Those things are a PITA to use - I wouldn't want any of my users to suffer with them. BTW, contrary to popular belief, making them with CSS instead of JS does *not* automatically make them more accessible. SignatureReply email address is a bottomless spam bucket. Please reply to the group so everyone can share. On Fri, 21 Apr 2006 10:44:18 +0100, "Paul Watt" <paulioNOSPAM@wattio.freeserve.co.uk> wrote: > I've got a problem again, pesky css. I have a rounded box for a login. Its a > wrapper div containing three divs stacked on top of each other. In IE its > fine, but in FF the divs are seperated. I've tried IMG{display:block}, I've > tried IMG{vertical align:bottom}. I've set margins to 0, i've set line > height to 0. Now what? I've just encountered a similar problem. What seems to be working is eliminating all white space, including line breaks, between elements. Otherwise, I get extra vertical space in Firefox and extra horizontal space in Opera. It would be nice if there were a white-space option to delete white-space, so code like this code be formatted in a more readable way. SignatureWarren S. Sarle SAS Institute Inc. The opinions expressed here saswss@unx.sas.com SAS Campus Drive are mine and not necessarily (919) 677-8000 Cary, NC 27513, USA those of SAS Institute. To further the education of mankind, saswss@unx.sas.com (Warren Sarle) vouchsafed: > I've just encountered a similar problem. What seems to be working is > eliminating all white space, including line breaks, between elements. [quoted text clipped - 4 lines] > white-space, so code like this code be formatted in a more readable > way. Yes, and I'd just like to add that Gecko seems to be pretty "lousy" in the whitespace arena. SignatureNeredbojias Infinity has its limits. > What seems to be working is > eliminating all white space, including line breaks, between elements. > Otherwise, I get extra vertical space in Firefox and extra horizontal > space in Opera. It is very possible that white space isn't the problem at all, but simple margins. You may be assuming the element that appears to have excess margins is the cause. Often, it is some other block near it instead. This is no doubt true in the OP's case. He appears to think the img element or its div container is the source of the gaps, when it is far more likely the form and/or its paragraph elements are. > It would be nice if there were a white-space option to delete > white-space, so code like this code be formatted in a more readable > way. FWIW, the only time I ever have trouble with white space is with WinIE and list markup, notably with navigation menus. Gecko never gives me trouble. SignatureReply email address is a bottomless spam bucket. Please reply to the group so everyone can share. >> What seems to be working is >> eliminating all white space, including line breaks, between elements. [quoted text clipped - 9 lines] > element or its div container is the source of the gaps, when it is far > more likely the form and/or its paragraph elements are. In my particular case, that is not possible, since all the relevant margins are explicitly set to zero, and the only elements involved are images and divs. > FWIW, the only time I ever have trouble with white space is with WinIE > and list markup, notably with navigation menus. Gecko never gives me > trouble. Gecko creates useless DOM text nodes whenever there is nothing but white space between two div elements. IE omits the useless text nodes. I don't know whether this is covered by the standards, but I certainly find IE's behavior to make more sense in this case. To further the education of mankind, "Warren Sarle" <saswss@unx.sas.com> vouchsafed: >> FWIW, the only time I ever have trouble with white space is with >> WinIE and list markup, notably with navigation menus. Gecko never [quoted text clipped - 4 lines] > I don't know whether this is covered by the standards, but I certainly > find IE's behavior to make more sense in this case. Ah ha! I _knew_ there was a worm in the snifter somewhere. What is the big problem with browsers doing what they're suppose to, namely make white space transparent? I wouldn't think it was that high of a mountain to climb. SignatureNeredbojias Infinity has its limits. |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.