[css-d] offset problem with IE
Hi all,
Could any of you tell me how te solve the mess that IE makes of offset
values. I have used top, left and bottom offsets with percentage values
with 'position:absolute', all browsers deal fine with this except IE.
div.button1{
position:absolute;
bottom:10%;
right:20%}
Kind regards,
Robert.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] css positioning issue problem with xhtml vs 4.01
Merry Christmas CSS list!
I have a question about this page. When I convert the site over to xhtml it
pushes the baby graphic way way to the right.
Almost off the edge of the screen. The page validates with tidy as an xhtml
document. There has to be a problem
with the css someplace. I got it working in Opera 8 and then it went bezerk in
IE6, I fixed IE6 then Opera went down the tubes.
Here is the page in 4.01 with the css IT WORKSbut to me it should also
work in xhtml too. I omitted the links in css for posting this only.
http://pstcc11.pstcc.edu/~w2200a24/photography/index.htmlhttp://pstcc11.pstcc.edu/~w2200a24/photography/index.html
links {position: auto; top: 100%; left: 15%;
padding-top: 20px;
padding-left: 40px;
}
body {
position: absolute;
background-color: #00;
font-family: Eurostile, sans-serif;
}
ken {background-position: top; left;
background: url(logobutton.jpg);
padding-top: 2%; padding-left: 2%;
}
baby {position: absolute; top: 1px; left: 95%;
background: url(baby.jpg);
background: url(text.gif);
margin-left:30px;
background-repeat: no-repeat;
padding-bottom: 20%;
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css positioning issue problem with xhtml vs 4.01
DOUGLAS WINTERS wrote: Merry Christmas CSS list! When I convert the site over to xhtml it pushes the baby graphic way way to the right. Almost off the edge of the screen. The page validates with tidy as an xhtml document. There has to be a problem with the css someplace. I got it working in Opera 8 and then it went bezerk in IE6, I fixed IE6 then Opera went down the tubes. Here is the page in 4.01 with the css IT WORKSbut to me it should also work in xhtml too. I omitted the links in css for posting this only. http://pstcc11.pstcc.edu/~w2200a24/photography/index.htmlhttp://pstcc11.pstcc.edu/~w2200a24/photography/index.html background: url(baby.jpg); Check the spelling of the image in the (x)html file? In the above selector you call baby.jpg. Your image is actually spelled: babyy.jpg; and you call(spell) it correctly in the 4.01 file. ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] position: absolute; width: 100%, IE width not 100%
Paul Walker wrote: I have unordered list that is absolutely positioned within another unordered list. The display is defined to block and the width is set to 100%, but in IE the width is not quite reaching 100%. It works fine in Firefox and I have not tested in other browsers. The example file can be seen here. http://www.paulwalker.tv/tabs.htm I welcome any other general comments regarding my markup and css. I cannot provide a solution within your design, but I'll try to explain why not, if its of interest. See this example http://www.satzansatz.de/cssd/tmp/apboxpercentagewidth.html In IE, the red a.p. child is offset with reference to its ancestor, but its width is calculated with respect to its parent. That's wrong according to CSS2.1. Compare in Fx to see. That is what we've mentioned in http://www.satzansatz.de/cssd/onhavinglayout.html#cb The a.p. element is offset with respect to its nearest layout positioned ancestor, but the percentage dimension relates to the next layout ancestor. Transferred to your example, the #menu .selected ul is absolutely positioned and offsets with respect to body, but its width is calculated on the basis of #menu li, because this li is floated (give this li a width of 200px to see). Now IE tries to calculate the 100% width of the second level ul with respect to the width of this li. But li.selected has no given width, so IE determines the maximum width available from its origin to the edge of the viewport. Apply position:relative to this li.selected to see: the a.p. second level ul will start from this origin and the width will perfectly fit the remaining space. So, basically your design requires the li to be floated, but this float triggers inevitably haslayout, therefore, its a.p. child will calculate its 100% width with respect to it. Hope someone else has a solution. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Font-size keywords
I've noticed some people on this board always encourage the use of the font-size keywords (small, smaller, ect.) when setting a font-size in your stylesheet. I've personally never used these, but am interested to know their pros and cons. Can someone please help me understand when and why you would or wouldn't use these over ems or any other unit. Thanks. - Jonathan Carter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-size keywords
Jonathan Carter wrote: interested to know their pros and cons. This is all covered in the wiki: http://css-discuss.incutio.com/?page=UsingFontSize __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertical Align like table cells with CSS and float problem
I've tried and failed to align text, an image, and a button neatly vertically using CSS. I would rather not force a height on a container around them as that's not very flexible if the font or image size changes, text wraps, etc. It needs to work in IE6/FireFox/Safari. Seems like a trivial thing with tables. span style=font-size: 9pt; float: leftSome text/spanspan style=float:leftimg src=http://ak.imgfarm.com/ex/my/meHdrBtnCls.gif; border=0/spanspan style=float:left;input type=button value=Button/spandiv style=clear:both/div table cellpadding=0 cellspacing=0 border=0trtdspan style=font-size: 9ptSome text/span/tdtdimg src=http://ak.imgfarm.com/ex/my/meHdrBtnCls.gif; border=0/tdtdinput type=button value=Button/td/tr/table Also IE puts an extra line space after my clearing div before the table and FireFox doesn't. How do I stop the float consistently in both browsers? Thanks, Alec __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-size keywords
Jonathan Carter wrote: I've noticed some people on this board always encourage the use of the font-size keywords (small, smaller, ect.) when setting a font-size in your stylesheet. I've personally never used these, but am interested to know their pros and cons.Can someone please help me understand when and why you would or wouldn't use these over ems or any other unit. Thanks. Jonathan Carter Different strokes for different folks, I gueus? There is a good article on the wiki regarding keywords http://css-discuss.incutio.com/?page=UsingKeywords. And there are articles on other font-sizing methods on the wiki as well. Best, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-size keywords
Jonathan Carter wrote: I've noticed some people on this board always encourage the use of the font-size keywords (small, smaller, ect.) when setting a font-size in your stylesheet. I've personally never used these, but am interested to know their pros and cons. Can someone please help me understand when and why you would or wouldn't use these over ems or any other unit. Thanks. There is no easy answer to this best-practice question, and it is addressed rather thoroughly in our Wiki. You can head to the Wiki home page (listed in the footer of this and every list message) and scroll down to the Sizing Text sub-heading. I think you'll find most of what you need to know on those pages. Every method has its advocates and detractors. The ems w/ percent base is probably the most prevalent method currently, but that doesn't make it best for you. Read and decide for yourself. Good luck, -Adam Kuehn __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Span Container Background Issue
FireFox has the text background red but stops at the height of the text rather than filling the whole span (made larger by the image). How do I make the whole span red w/o hardcoding any widths because the image size can obviously change. span style=background-color: redSome textimg src=http://ak.imgfarm.com/images/travel/ExpediaSponsor.gif?24057304; border=0/span Thanks, Alec __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
To all, I removed a rule around a #wrapper (only put on that
contact.htmlpage for a test) {position: relative}; and the crash
stopped. But I still
having a problem with the bug. Will report back with more. Please check
again if you can.
On 12/22/05, bill scheider [EMAIL PROTECTED] wrote:
Hi Jonathan,
What I get here when I reload the page in IE6 is a crash. Once the initial
load crashed the browser. The second time, the page loaded ok (probably
from
the cache) but when re-loaded the browser hung up after loading the
header.
In Firefox, I get a flicker when the page loads. In the past when I've had
this problem, it was due to not having image heights and widths specified.
Once I fixed that, no more flicker.
HTH,
Bill
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jonathan Berry
Sent: Thursday, December 22, 2005 12:21 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Peekaboo bug?
I am reposting this only because I don't know what the protocol is for
placing Site Check in your subject line is, i.e. I didn't know if that
was
to get comments or to show a problem. Anyway, we are on deadline and
wanted
to get help with this possible bug:
http://www.haroldstevens.com/redesign/contact.html
We are having a problem with one of our sites wherein the left nav shifts
either on load or refresh (i.e. if you cannot get it immediately then
refresh and you will see the probelm). This is only in IE and looks like
it
might be an instance of the Peekaboo bug. But we already have code in
place
to handle that. Can you check it for us? Thanks in advance.
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Weird margin beside images in IE, not in FF
I tried to get help in this problem at WordPress Support and they adviced me to ask help here. So, here is the problem. When I started to learn CSS, I debugged the code in IE. Now I'm debugging both in FF first and IE second and having problems at the beginning. In IE, there seems to be some empty space in left and right side of navigation rollover images. Code works fine with Firefox. My homepages http://www.jptsign.com/ Style sheet http://www.jptsign.com/tyyli.css __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with nested uls used for tabbed navigation in IE 6.0
Thanks very much for your help, Steve. The DOCTYPE did fix almost everything. However, now in IE 6.0 for some reason my second and third level navigation is only slightly more than half the page (maybe about 60% of the page?) when it is supposed to stretch across the whole page: http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports- ucb-nested.htm. I've tried putting width: 100% on several of the items to no avail. Since these are nested lists, is it possible that the percentage values are being compounded somehow? If that's the case, however, I wouldn't understand why the third list (menu) is the same size as the second list (which it is nested within). I've put colored borders around some of the elements in question in order to see how big they really are. And unfortunately in IE5.0 5.5 the navigation is all vertical instead of horizontal... Finally, it is also a huge mess on IE5/Mac, maybe because I've used em's to absolutely position the top of the subnavs (for better text resizing results)? I wouldn't think it would be that off from that, though, and they are way too far off to the left despite the use of left: 0px. Do we really have to design for this browser anymore now that it's unsupported as of Dec. 31? I was really excited about this design (because it's more accessible) and was really hoping I could get it to work in these browsers. In case it's helpful, here is the same design (which works at least to some extent in all browsers mentioned except IE5/Mac - though it's troubles there are much less than with this layout): http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports- tabs-1.html. Thanks again for any help anyone can give me, and happy holidays! Allison -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Steve Clason Sent: Thursday, December 22, 2005 6:18 PM To: Allison Bloodworth Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Problems with nested uls used for tabbed navigation in IE 6.0 On 12/22/2005 5:39 PM Allison Bloodworth wrote: I recently adapted Adam Kalsey's CSS tabs with nested submenus made up of uls (http://www.kalsey.com/tools/csstabs/) to create three levels of navigation for a calendar. For some reason, my page (http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports -ucb-nested.htm) looks great in Firefox 1.5 but horrible in IE 6.0 and I can't figure out why. The page is no longer centered and the second and third level navigation is rendering vertically instead of horizontally. I've used uls to create this navigation and I've made sure all the uls and lis in the submenus are marked display:inline. Anyone have any suggestions for me? Your DOCTYPE puts IE into quirks mode. Try this (with the URI): !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; It seemed to take care of most of the issues you mentioned, though I'll admit I didn't look at everything. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check, Opera, any platform
Hello there, I just posted a new wintery design to my site. http://blackcoil.com Browsercam shows it looking good in every browser except for Netscape 4.x (I don't care) and Opera on any platform, which I DO care about. It shows the UL on the home page with round bullets even though I styled ULs to not have bullets. http://www.browsercam.com/projects/216074/4480723.jpg I'm wondering if the Browsercam computers are reading a cached copy of the stylesheet from before I made the fix? Could someone with Opera check it out for me? Much appreciated! Francesco __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check, Opera, any platform
Hi Francesco On 23 Dec 2005, at 18:33, Francesco wrote: Could someone with Opera check it out for me? Much appreciated! I am sorry to say that you are right. Opera on a Mac is showing the bullets. I have sent you a screen shot in a different email. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check, Opera, any platform
On 12/23/2005 12:24 PM Richard Brown wrote: Hi Francesco On 23 Dec 2005, at 18:33, Francesco wrote: Could someone with Opera check it out for me? Much appreciated! I am sorry to say that you are right. Opera on a Mac is showing the bullets. I have sent you a screen shot in a different email. Opera 8/WinXP is showing them as well. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check, Opera, any platform
Francesco wrote: http://blackcoil.com It shows the UL on the home page with round bullets even though I styled ULs to not have bullets. http://www.browsercam.com/projects/216074/4480723.jpg Francesco Opera9preview1 I see a lot of fuchsia but no bullets :-) : http://www.dlaakso.com/coil.jpg Best, ~davidLaakso __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check, Opera, any platform
On Friday 23 December 2005 20:32, Steve Clason wrote: On 12/23/2005 12:24 PM Richard Brown wrote: Hi Francesco On 23 Dec 2005, at 18:33, Francesco wrote: Could someone with Opera check it out for me? Much appreciated! I am sorry to say that you are right. Opera on a Mac is showing the bullets. I have sent you a screen shot in a different email. Opera 8/WinXP is showing them as well. As does Opera 8.51 under linux. (Konqeror 3.5 doesn't btw.) -- -- Ithaka fotografie, http://ithaka.mine.nu/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peekaboo bug?
Ingo, Ian, Ron, Bill, can any of you check the page again. I have plastered
position:relative over everything and no go. Any help much to be
appreciated.
On 12/23/05, Jonathan Berry [EMAIL PROTECTED] wrote:
To all, I removed a rule around a #wrapper (only put on that contact.htmlpage
for a test) {position: relative}; and the crash stopped. But I still
having a problem with the bug. Will report back with more. Please check
again if you can.
On 12/22/05, bill scheider [EMAIL PROTECTED] wrote:
Hi Jonathan,
What I get here when I reload the page in IE6 is a crash. Once the
initial
load crashed the browser. The second time, the page loaded ok (probably
from
the cache) but when re-loaded the browser hung up after loading the
header.
In Firefox, I get a flicker when the page loads. In the past when I've
had
this problem, it was due to not having image heights and widths
specified.
Once I fixed that, no more flicker.
HTH,
Bill
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jonathan Berry
Sent: Thursday, December 22, 2005 12:21 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Peekaboo bug?
I am reposting this only because I don't know what the protocol is for
placing Site Check in your subject line is, i.e. I didn't know if that
was
to get comments or to show a problem. Anyway, we are on deadline and
wanted
to get help with this possible bug:
http://www.haroldstevens.com/redesign/contact.html
We are having a problem with one of our sites wherein the left nav
shifts
either on load or refresh (i.e. if you cannot get it immediately then
refresh and you will see the probelm). This is only in IE and looks like
it
might be an instance of the Peekaboo bug. But we already have code in
place
to handle that. Can you check it for us? Thanks in advance.
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712 (m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by
Re: [css-d] Peekaboo bug?
Jonathan Berry wrote:
Ingo, Ian, Ron, Bill, can any of you check the page again. I have plastered
position:relative over everything and no go. Any help much to be
appreciated.
Actually I am on duty debugging your page. It's not reproducible on
a local copy at my end, so having a simplified page online would be
of help.
I noticed that the left menu
ul#leftnav li {width: 110px ...}
overflows its parent
div.navbar {width: 97px ...}
so that the cascade of overflow:hidden in the ancestors
div.navbar, div.Nav-Box, div.Page-Box
should be deleted for debugging via
*{overflow:visible !important;}
and
ul#leftnav
should be more stable with
zoom:1; applied.
let me know if it makes a difference.
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Myspace
It took some hacking before I was able to get mySpace to behave -- and I still am not happy with how my page (dwacon) turned out but got tired of fighting with it. -- Dwacon www.dwacon.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check, Opera, any platform
Francesco wrote:
...
http://blackcoil.com
Browsercam ... shows the UL
on the home page with round bullets even though I
styled ULs to not have bullets.
.
For Opera8, replace
#mainMenu {
...
list-style: none inside none;
}
with
#mainMenu { ...
list-style-type: none;
list-style-image: none;
list-style-position: inside;
}
Opera9TP1 has no problem with this shorthand, as David noted.
My default background is blue, not fuchsia.
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css positioning issue problem with xhtml vs 4.01
DOUGLAS WINTERS wrote:
I have a question about this page. When I convert the site over to xhtml it
pushes the baby graphic way way to the right.
Almost off the edge of the screen. The page validates with tidy as an xhtml
document. There has to be a problem
with the css someplace. I got it working in Opera 8 and then it went bezerk
in IE6, I fixed IE6 then Opera went down the tubes.
Here is the page in 4.01 with the css IT WORKSbut to me it should also
work in xhtml too. I omitted the links in css for posting this only.
http://pstcc11.pstcc.edu/~w2200a24/photography/index.htmlhttp://pstcc11.pstcc.edu/~w2200a24/photography/index.html
These may not solve the problem, but they are contributing to it:
.ken {background-position: top; left; background: url(logobutton.jpg);}
might read:
.ken {background: url(logobutton.jpg) top left;}
you can only have one background-image on a selector (you have two).
.baby {background: url(babyy.jpg);background: url(text.gif); }
Best,
~dL
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check, Opera, any platform
Hi Francesco,
Re: http://blackcoil.com and the unwanted list bullets:
You have this in your style sheet:
#mainMenu {
margin: 120px 0 0 0;
list-style: none inside none;
}
Try changing the list-style to list-style: none;
Cordially,
David
--
David Hucklesby, on 12/23/2005
http://www.hucklesby.com/
--
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] one more Opera question...
Thanks for everyone's input on the bullet issue - I have fixed it. Could someone tell me why Opera 8.5 on Mac displays this page as I intended: http://www.browsercam.com/projects/216102/4481986.jpg but Opera 7.5, Mozilla, and IE 5 on the same Mac does not? http://www.browsercam.com/projects/216102/4481985.jpg The page is here: http://blackcoil.com/Services.aspx and the CSS is here: http://blackcoil.com/styles/snowflake01.css Any tips are apreciated! Francesco __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check please
I have tested my web site in Firefox 1.5 and IE6 running on Windows XP Home. Can I please get a browser check for all other Windows, Linux and Mac browsers. Thank you. I normally design web sites for 800 by 600 resolution. Angus MacKinnon MacKinnon Crest Saying Latin - Audentes Fortuna Juvat English - Fortune Assists The Daring Web page http://www.infoforce-services.com Choroideremia Research Foundation Inc. 2nd Vice president http://www.choroideremia.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check please (take 2)
I have tested my web site in Firefox 1.5 and IE6 running on Windows XP Home. Can I please get a browser check for all other Windows, Linux and Mac browsers. Thank you. I normally design web sites for 800 by 600 resolution. HTML: http://www.infoforce-services.com CSS: http://www.infoforce-services.com/css/ifsmain.css Angus MacKinnon MacKinnon Crest Saying Latin - Audentes Fortuna Juvat English - Fortune Assists The Daring Web page http://www.infoforce-services.com Choroideremia Research Foundation Inc. 2nd Vice president http://www.choroideremia.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fwd: Peekaboo bug?
No, I had to work on it with the import statements. I was tasked to do that. I am sorry, but this will eventually have to be fixed with the import statements because all of these sites use them. There is one other that is having the same problem and they do want to change the HTML. Have you found a solution? On 12/23/05, Ingo Chao [EMAIL PROTECTED] wrote: Jonathan Berry wrote: Ingo et al., I had a prior solution that worked, but did not want to use it as the Infosites team wanted their styles to be imported. The solution was to put explicit style tags rather than the import statements. Why would this work is my question? What are the benefits/detriments of using import over style attributes? Thanks in advance. You had a prior version that worked and let me search for a bug you already had a solution for? Are you kidding? Ingo -- http://www.satzansatz.de/css.html -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] text disappearing/reappearing during scroll
Hi all, The text (some...not all) on my page seems to be disappearing during a slow scroll up and down the page. This only happens in IE that I can tell. I only have Winxp IE/FF/Opera to test in. css is at: http://www.hallshaven.ca/hhstyle.css html is at: http://www.hallshaven.ca/rooms.html Would anyone mind looking and see if this happens in any other browsers or platforms? If anyone reproduces it are there any ideas why this would be happening? As this is my first real project I would welcome any observations of any kind from experienced eyes. Thanks and Merry Christmas! Brian Funk Hall's Haven Christian Bed and Breakfast http://www.hallshaven.ca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertically Distributed List Items
Hi,
I've been googling and experimenting all day, but have come up empty
handed. Is there any way in CSS to distribute list items evenly over
the height of a vertically fluid list, taking into account that the
number if list items may be unknown at style sheet authoring time?
Test code below. I'd rather not have to resort to tables, as
semantically my content is a list.
Thanks,
Ian
?xml version=1.0 encoding=UTF-8?
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
titleList Item Vertical Distribution Test/title
style type=text/css
html, body {
height: 100%;
}
#testList {
height: 75%;
width: 75%;
background-color: silver;
}
#testList li {
background-color: yellow;
}
/style
/head
body
ul id=testList
liHow could I distribute these list items/li
lievenly over the height of this list?/li
li(taking into account that the number of /li
lilist items may be unknown at authoring time)?/li
/ul
/body
/html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Block-level LABEL/INPUT
http://www.vikingroofing.com/temp/request.shtml On this form is there a way I can get each instance of LABEL and its associated INPUT tag to act as a block-level element together so that I don't have to put double BR tags after each . . . or resort to using tables . . . or wrapping each pair in a DIV tag? ___ Try the New Netscape Mail Today! Virtually Spam-Free | More Storage | Import Your Contact List http://mail.netscape.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] one more Opera question...
Francesco, On Dec 23, 2005, at 5:16 PM, Francesco wrote: Could someone tell me why Opera 8.5 on Mac displays this page as I intended, but Opera 7.5, Mozilla, and IE 5 on the same Mac does not? The page is here: http://blackcoil.com/Services.aspx It is not browser dependent. Take any of the browsers mentioned and make the window narrower than 770px. It is a standard 'float drop' and can be fixed for good browsers by adding 'min-width: 770px;' to the body selector. If you don't need a fluid layout you can change that to 'width: 770px;' instead. hth Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] blank page on windows 2000
Off Topic: I received an unsolicited email (spam) from Rashantha De Silva today with the subject Tsunami Memorial at Santa Monica Pier. While the event may be decent and respectful, sending someone spam is neither. Especially if that someone tried to help you. Please remove me from your list and refrain from sending me spam in the future. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
