Re: [css-d] box model difference between IE and Mozilla
On 5/16/08, Lee Bettridge [EMAIL PROTECTED] wrote: I have an issue with the box model difference between IE and Mozilla. On Mozilla the padding is added to the width and in IE it is not, as the included example shows. With Mozilla the two boxes meet to make a flush corner, IE leaves a gap. Is there a way around this so I can get the same result on all modern browsers? have you put IE into standards mode, or is it in quirks mode? if you're not sure, can you give us either a link to your site (preferred) or your doctype line? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Special how-to request
On 4/12/08, Alan Gresley [EMAIL PROTECTED] wrote: IE8: A disaster. Broken pieces here and there. I would say this is since you have this. just my two cents, but you might think twice about taking the time to make your site display correctly in IE8 at this point because IE8 is still in its first beta. many changes will be made to IE8 before it's released, and you'd have to go back through your site again to update it. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] anchor no-hover problem
On 3/30/08, Karen Davis [EMAIL PROTECTED] wrote: I have a page with a left side submenu navigation list. The IN THIS SECTION text is an anchor within an li, but I want to make that anchor *not* hover as the rest of the list does, and I don't know how to accomplish this. i see a couple things that might cause confusion. 1. your background is being set on the li, not the a, so when you put your no-hover class on the a, you'd be looking at fixing a different element than you have css for on non-hovering. 2. just because you name the a no-hover class no-hover, that doesn't mean it'll target the hover style by default. :) you'd need to make your css say .no-hover:hover. if you're interested in suggestions, i'd put your no-hover class on the li and go from there - .no-hover a:hover. your no-hover class right now contains directions that are supposed to be putting themselves on the li to start with (namely the list style), so moving the class to the li will align your css with what i think you've got going on in your brain. hopefully that will get the css behaving in what you were trying to do in the first place. best of luck! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Prohibit Font resizing (cross browser)
On 3/28/08, Christian Heilmann [EMAIL PROTECTED] wrote: Use a graphic? the trend with browsers seems to moving towards zoom (yuck) instead of a simple text resize, so i'm not sure how long the graphic idea would work. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Inline list IE7 problem
On 8/20/07, David Boddie [EMAIL PROTECTED] wrote: It's been a while since I posted. I'm having a weird problem with a inline list menu I'm building. The last li item seems to have something pushing it up about 2 pixels, thus throwing off all the padding and :hover. I've clipped it out and isolated it, but it stills seems to be doing the same thing. Could someone give me a fix or tell me what it's doing? HTML file: http://www.uark.edu/depts/gradinfo/mockup/graduate4/menutest.html after running my tried-n-true method of keep deleting lines and refreshing until ie gets it right, i found that ie7's problem is (at least) with your font-variant: small-caps; rule. i can't tell you what ie7's hang up is, but the menu lines up again after deleting that rule. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Hover
On 8/13/07, faramineux [EMAIL PROTECTED] wrote:
I do not want the images which are linked to be styled the way the
text links are.
The code below is not working, what is wrong? TIA
a:hover img {
background-color: none;
text-decoration: none;
border-style: none;
}
the second snippet you have there is saying [1]:
Selects any img element that is a descendant of an a element which
is in a hover state.
try taking out the :hover part if you're looking to have that
styling appear no matter if the image is being hovered or not, which
is what i think you're trying to ask.
[1] http://gallery.theopalgroup.com/selectoracle
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] floating right in ie7 with hasLayout
is there any way to un-hasLayout an element that has gained it? if not (and from what i've seen and read, there isn't), is there a way to get around the trigger when it comes to floating elements? my situation is almost exactly the same as the examples at http://dev.l-c-n.com/IEW2-bugs/float-adjecant2.php except that i'm using min-height instead of widths on mine to make sure a background image doesn't get vertically cut off. the makers of l-c-n didn't offer any solutions that i could find. any advice? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] floating right in ie7 with hasLayout
On 7/24/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote: Ok, what about this: making sure that your element has enough content in order to show your background image ? Then you don't need the 'hasLayout' trigger, min-height here. for the default text size (at least on my computer - i haven't changed it), the background image (an expand/collapse arrow) displays fine without the min-height rule. i coded my header sizes in em, but the background image is (of course) in pixels, so as long as someone viewing the page sees the header size as 15px or more, it's not an issue. i wanted to make sure people with smaller font sizes (or dpi, or whatever) could still see the whole arrow though, which is why i added the rule. http://www.satzansatz.de/cssd/onhavinglayout.html#reset lists _some_ ways to reset (un-Layout). what makes your suggestion of this site so ironic is that that's where i went to see what the ie7 hasLayout triggers were to confirm that one of my rules was giving (or not giving) my header hasLayout. obviously i should have keep reading. :p in my case i'll just break the min-height rule for ie7 by overriding the minimum i set in my for all browsers rule with an ie7-specific auto. in the rare case someone on ie7 will see a cutoff arrow, they'll just have to live with it i guess. fortunately i don't think it will be a common situation at all. thanks for the help philippe. :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bottom Chunk of Site Content Not Showing in IE6
On 7/8/07, Jade True [EMAIL PROTECTED] wrote: I'm working on http://www.zencart137.jadetrue.com. I recently made some changes as I wanted the site to be source ordered; now I'm using some absolute positioning, and for some unbeknownst reason, IE6 isn't scrolling all the way down the page. have you looked at the unscrollable content or guillotine bugs yet? http://www.positioniseverything.net/explorer/unscrollable.html http://www.positioniseverything.net/explorer/guillotine.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Please Please help
Right I've cut this right back. The only thing here is the basic layout.
So someone please help me, I can't see what is causing the problem with IE.
http://www.linkhomes2000.co.uk/trials/trial-basic-index.php
.wrapper {
/* margin: 1% 5%; */
padding: 0;
border: thin solid #7d5500;
}
commenting out the margin on the wrapper class fixed it for me.
be sure to keep your questions all in one thread, though, or at least
have a descriptive subject line if you feel you have to post a new
thread. people who were keeping up with any previous posts from you
might not look at one that says please help.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The Free Virtual PC IE6 Test is Dead... Now What?
Virtual PC just announced to me that the limited version of the IE6 testing platform is about to die (by 5pm EDT). What should I do next? Run out and by the full version of Virtual PC with an XP liscence? Buy a machine just for IE6 development? Abandon the 60+ percent still using IE6? I vote for abandoning IE altogether, but my clients don't like that idea. How are you testing IE6? they said they'd release new virtual pc images when the time came for the current to expire, and they have. http://blogs.msdn.com/ie/archive/2007/03/20/ie6-vpc-refresh-now-available.aspx __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The Incredible Disappearing Scroll Arrow
these aren't exactly answers to your questions, but i wanted to let you know some thing i noticed about your page. i like to cram a lot of windows on my screen at once, so my browser is almost never more than 700 to 800px wide, which made your whole page scroll horizontally for me. to read the matched group results section, i have to scroll left and right and was losing my place. to read your table, i have to scroll left and right as well, and when i want to scroll down, i have to go back to the right to get to the scroll bar (assuming i wouldn't use the mouse scrolling). i also have a monitor size of 1856x1392 and your text was getting on the small side. ;) resizing the text larger in firefox made the right side of the table start to disappear, and the scroll bar went poof altogether. i couldn't resize the text larger in ie at all. i'm not sure if these type of usability problem fit into your design plan, but the page was a pain for me and i figured i'd pass it along. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Starter Questions
On 11/29/06, Tal Liron [EMAIL PROTECTED] wrote:
Hello. I'm a starter at Css and was building a this page-
http://www.planetnana.co.il/liricooli/pagetry.html
I've got two questions:
1. Could someone please explain to me why the text in the left column
pushes the middle and the right columns down? What should I do to prevent it?
2. The grey My Purchase bar height's is too long. I've defined the
length I want but it stretches without any seen reason.
i'm taking a guess, but i think the reason you might not have gotten
many replies is that your page is a bit of a hassle to help with. :)
the absolute positioning isn't needed for your page here, and you
might want to look at any of the very good three column layouts from
the wiki. there's a link to it in the footer of every email.
i took a little time to change your page a bit to get rid of the
absolute positioning and think that what i have is closer to what you
want. i didn't do any major html changes, but if you look at those
three column layout examples and decide to adopt one, you might need
to change the html more. i mostly just stripped the css down.
if you have any questions about the layouts, be sure to post them back
to the list. good luck!
-
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
DTD/xhtml1-transitional.dtd
htmlheadtitle TEST PAGE/title
style type=text/css
.body {
margin:10px 10px 10px 10px;
}
#header {
}
h1 {
font-size:36px;
padding-left:30px;
text-align:left;
}
#links {
width:98%;
background:#C0C0C0;
height:5px;
}
#left {
float: left;
width:24%;
}
#middle {
float: left;
width:74%;
}
#text {
border-right:1px solid black;
border-left:1px solid black;
float: left;
width: 59%;
}
#right {
width:39%;
}
#section {
border-right:3px solid black;
border-left:3px solid black;
clear: left;
}
#albums {
border-right:3px solid black;
border-left:3px solid black;
}
div.pic1, div.pic2
{
padding-left: 10px;
padding-top: 7px;
padding-bottom:7px;
}
/style
/head
body
div id=picimg src=C:\Documents and Settings\liri\My
Documents\HTML\Rocknik\mgi_html\images\top_logo.gif align=top
width=80 height=50/div
div id=header
h1
Rocknik Header Strip
/h1
/div
div id=links
h3
My Purchase
/h3
/div
div id=left
img src=C:\Documents and Settings\liri\My
Documents\HTML\Rocknik\mgi_html\images\skin_gtek_bkgd.jpg
br
pNow Playing: 21st Century Schizoid Man gsgfd
dddg
dfgdfgd fgdfgdfgdfgdjk ljkljl
br
br
fgdfgdfbdfbdf bdfbdfbfdbfdbfdbd fbfdbnd
/p
/div
div id=middle
div id=text
h2
King Crimson/h2
table
tr
td valign=topimg src=C:\Documents
and Settings\liri\My
Documents\HTML\Rocknik\crimsonsmall.jpg/td
td valign=toppBritish
Progressiev-Rock band. some text
about the artist that isn't longer than 13 lines some text about the
artist that isn't longer than 13 lines some text about the artist that
isn't longer than 13 lines some text about the artist that isn't
longer than 13 linessome text about the artist that isn't longer than
13 lines some text about the artist that isn't longer than 13 lines
some text about the artist that isn't longer than 13 lines some text
about the artist that isn't longer than 13 lines some text about the
artist that isn't longer than 13 lines some text about the artist that
isn't longer than 13 lines some text about the artist that isn't
longer than 13 lines some text about the /p
/tr
/table
/div
div id=right
div class=pic1
img src=C:\Documents and Settings\liri\My
Documents\HTML\Rocknik\Excheckout.JPG
/div
div class=pic2
img src=C:\Documents and
Re: [css-d] Footer that fills to botom of browser window
have you looked at the wiki page yet? http://css-discuss.incutio.com/?page=FooterInfo the one i use most often is from the man in blue. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why is only FF giving me a 1px gap?
i only took a quick look, but deleting the h2 declaration fixed the 1px gap for ff 1.5 on the prices page, and deleting the h1, h2, h3, and p declarations fixed the gap on the customer page. as to why or if it matters, i have no idea. i only took a quick peek. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to define a section on a page where CSS has ZERO effect?
[i assume this was for the list, so i'm replying back on-list for the archives.]
On 10/23/06, Les Mizzell [EMAIL PROTECTED] wrote:
cj wrote:
if i'm reading you right, you're asking how do i reset all styling
for this p so the customer has a clean slate?.
I have a CSS file I use for every single site that sets all attributes
to a default starting value that I then work from, but this would be
different - it need to set everything to a default value - basically
making it appear as if no CSS has been applied to a HTML document.
So, basically this:
#noCSS A:link {color:blue;text-decoration:underline;}
#noCSS H1 {font-weight:bold;font-size:26pt;}
#noCSS H2 {font-weight:bold;font-size:20pt;}
#noCSS H3 {font-weight:bold;font-size:14pt;}
#noCSS H4 {font-weight:bold;font-size:12pt;}
#noCSS H5 {font-weight:bold;font-size:10pt;}
#noCSS H6 {font-weight:bold;font-size:8pt;}
#noCSS B, STRONG {font-weight:bold;}
#noCSS #noCSS I, #noCSS EM, #noCSS CITE, #noCSS DFN, #noCSS VAR
{font-style:italic;}
#noCSS U, #noCSS INS {text-decoration:underline;}
#noCSS S, #noCSS STRIKE, #noCSS DEL {text-decoration:line-through;}
#noCSS SMALL {font-size:smaller}
#noCSS BIG {font-size:larger}
#noCSS ADDRESS {font-style:italic}
#noCSS PRE {font-family:courier}
OK - but what if there's a font-size defined somewhere up in the page
for all paragraphs. How to avoid that getting inherited into the noCSS
div?
i can think of a couple ways, neither of them pretty. css is meant to
cascade (hence the name!), so resetting an area of the page isn't
built in.
1. pick a browser you like and grab their css rules for the elements
that the browser styles with absolutely no code from you. go through
that file and basically do a smart copy/paste into your css for this
area.
2. have absolutely no css that you code yourself applies to this no
css part. by this i mean that every other thing you want to style on
the page that could possibly overlap with the nocss part needs to be
explicitly named so that you can access it by class (or id) name in
your css file. this might give you a lot of extra classes, but it
will keep that nocss part clear of any styling you have personally
done.
i think the second one there is better because all browsers style
elements differently, and that option allows the browsers to continue
doing so.
hth.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grouped ID and class selectors in IE
i think you're running into some ie fun (aka bugs, bugs, bugs). here are some links to multiple class/id bugs. http://www.quirksmode.org/bugreports/archives/2004/12/IE_CSS_rendering_bug_with_multiple_classnames.html http://www.quirksmode.org/bugreports/archives/2005/12/All_but_last_grouped_idclass_selectors_are_ignored.html http://www.quirksmode.org/bugreports/archives/2005/09/IE6_Multi_Class_Bug.html i used to have links for the ie connect site dealing with these issues, but microsoft conveniently took that site down so people couldn't look up which bugs weren't fixed. (yes there is high sarcasm here) fwiw, your page looks fine in ie7. :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to define a section on a page where CSS has ZERO effect?
if i'm reading you right, you're asking how do i reset all styling for this p so the customer has a clean slate?. if i got that right, in your style sheet you'll have to do a reset where you set the margin, border, width, etc back to normal. this could either be 0, auto, or none, depending on the property. for example if you wanted to negate any border the p might have, do a border: none;. then make sure that whatever the client is styling has a higher specificity than your reset styles. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] documentation on ie's problem with multiple classes?
On 10/5/06, jonathon bellew [EMAIL PROTECTED] wrote:
am looking for some help with documentation (or workarounds) on ie's
seemingly buggy interpretations of multiple class selectors.
any links to documentation or discussion would be appreciated, workarounds
even more so.
this is all i've got on them for online resources for stuff like this.
this bug pisses me off more than any other bug ie has, believe it or
not. i can't believe how limiting it is.
http://css-discuss.incutio.com/?page=InternetExplorerWinBugs
http://www.quirksmode.org/bugreports/archives/2004/12/IE_CSS_rendering_bug_with_multiple_classnames.html
http://www.quirksmode.org/bugreports/archives/2005/12/All_but_last_grouped_idclass_selectors_are_ignored.html
http://www.quirksmode.org/bugreports/archives/2005/09/IE6_Multi_Class_Bug.html
if you're interested in the corresponding bug reports submitted for
ie7 and have signed up to their connect site, here's some relevant
links.
https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=57394
https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=78882
https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=78368
as to workaround i've personally used, it's ugly/stupid and not all
that useful. let's say i have something like the following:
body class=default
div class=series expanded
/div
/body
in my css then i have:
.series.expanded {
border: 1px solid #77aaee;
}
/* ie6 \*/
* html .default div.expanded {
background: #f6f9fe;
border: 1px solid #77aaee;
padding-top: 0;
}/* */
i know it's primative and almost useless, and it for sure won't work
in every situation. it limps ie6 along with me though until i can
delete the ie6 code forever once it's finally dead. if anyone wants
to jump in with a better workaround i'm *more* than willing to change
my hacking, but if you don't have a better/different way, there's no
need to tell me how stupid my workaround is. trust me i already know.
anyway, that's all i have. i look forward to seeing what other people do.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Body background not working
i'm seeing a red background on the sides (when my width is around 1200+). __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Body background not working
the only suggestion i have is to be sure you're declaring your style right. style type=text/css /* stuff */ /style i guess another thing might be to declare the background properties in the order set forth by the w3c. ['background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position'] | inherit http://www.w3.org/TR/REC-CSS2/colors.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] table row highlighting?
On 9/25/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
I have this in my css and it works in Firefox:
tr.vc_row_even:hover td {
background-color: #fff6bf;
}
tr.vc_row_odd:hover td {
background-color: #fff6bf;
}
How do I get this to work in IE? I mean I want to highlight the table
rows when a users hovers over the row... it works great in firefox...
anyway to do this in CSS for IE? In IE the table row is not
highlighted...
the css answer to this is that you can't.
the javascript answer to this is pretty simple if you don't mind using
it. make a class (in this case iefix) along with your good-browser
css and you should be good.
example html:
trtd onmouseover=this.className='iefix'
onmouseout=this.className=''stuff/td/tr
example css:
tr.vc_row_even td.iefix,
tr.vc_row_even:hover td {
background-color: #fff6bf;
}
tr.vc_row_odd td.iefix,
tr.vc_row_odd:hover td {
background-color: #fff6bf;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 ignoring margin in certain conditions with other rules
On 9/15/06, Bruno Fassino [EMAIL PROTECTED] wrote: You have the problem in ie7 with min-width since this applies hasLayout. I haven't checked the details, but you could try to give hasLayout to the parent of your h2: the missing horizontal margin should come back. This will probably create other differences, but those should be fixable (maybe using paddings.) giving my parent div a min-height: 1px; got ie7 back on track. suffice it to say i am *not* looking forward to learning all these new broken areas and working around new and unknown (to me at least) bugs in yet another version of a major browser. :( now i remember why i kept putting off checking in ie7 after the RC came out... ugh. thanks a bunch bruno. :) i'm glad it was an easy fix, and hopefully i'll be able to figure it out on my own next time! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text-align: right
i didn't look that close, but putting text-align in the #header
#sponsor area aligned it right when doing a quick live css edit.
#header #sponsor {
float: right;
margin-right: 50px;
text-align: right; /* i added this */
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 ignoring margin in certain conditions with other rules
ok guys, i've got a weird one here. i'm taking a day to go through some of my pages to make sure they look decent in ie7, and i noticed that on one of my expandable pages that ie7 was ignoring my margin-left on an h2. i did my usually hack and slash debug method of deleting chunks of my css file and checking to see if it started to display right, and by narrowing down the results i found that having a border on the div around my h2 made my h2 ignore the margin. taking this border off of the parent div solved the problem and my h2 once again had a left margin. but... i need that border. [line 91] i saved my page and started to make a test page to post on the list when i found another solution to my left margin problem. keeping the same css, if i delete the min-height on the h2, it also fixes the margin. but... i need that min-height for a background image. [line 44] can anyone tell me another way to fix this so that i can keep both my border and the min-height? is this a known bug that microsoft is aware of? it almost sounded like collapsing margins, but i tried putting padding in and that didn't fix it. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 ignoring margin in certain conditions with other rules
and i of course forget to post a link. sorry about that everyone. http://sltclan.com/cj/css-d/h2margin.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 4 Column Layout with a Twist
On 9/14/06, tedd [EMAIL PROTECTED] wrote: At 3:22 PM -0700 9/13/06, Ted wrote: Here is a crude rendition of what I'd like: +---+++ | 1 || 2 | | |++ | ||| | ||| +---+| 3 | || || || || +-+ | 4 | +-+ Crude be right. It might be best to prepare an image as what you want and post a link to that to the list. Depending upon readers to use the same fonts as you, may not the best in trying to communicate layouts. tedd sorry that this is a bit out of the scope of css, but imo ascii art is a fair way to convey information in emails. as this list is supposed to send mail in plain text, most mail clients are going to show the email in a block text font (what's that called again?), which lines his little drawing up nicely. do i think a picture would be nicer? yeah. :) however the ascii art gets the general point across, and no it's not a four column layout. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I want to direct link
On 9/13/06, mindy [EMAIL PROTECTED] wrote: so, call me crazy but I want to do a direct image link (sending out a newsletter) and the CSS seems to not accept anything other than relative links. Is there a work around that I couldn't find on Google? background: url(http://www.w3schools.com/images/w3default80.jpg) no-repeat; ? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check: squibbles
On 9/11/06, Mike Botsko [EMAIL PROTECTED] wrote: http://www.mysquibbles.com For now the text size is fixed with PX, so I know I'm going to have problems with text sizes. at least if it's fixed (for now), it's large enough to read well (for me at least)! first, i think the site's coloring is pretty good for the fun attitude i get the feeling you're going for. second, this is a pretty quick check. - i usually browse with a window of 800x600 and the horizontal scroll i pretty annoying. i tried increases my size to 1024x768 and i still got the horizontal scroll. i'm not sure what your stance is on that, but i would suggest trying to get rid of it at possible. - the text color of your main content is just pale enough to hurt my eyes after reading a few lines. - when hovering over the tabs in your main column, i kind of expenct the tab to change color instead of the text to be underlined. underlined to me is for normal links, not tabbing ones. - in the same token, the rest of the links on the page don't change anything when hovered on, which is a little confusing. are they links or just underlined text? (rhetorical question) otherwise it looks pretty clean and friendly to me! keep in mind these are all personal opinions, so take 'em or leave 'em. :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Automatically scaling fonts
forgive me if i'm missing something, but if you want the nav bar to stay the right size for the words inside it, what's wrong with setting the nav width in em? a personal opinion: as to a site increasing my font size when i resize my window... i would never visit that size twice. i abhore horizontal scrolling, and i usually resize so i can see *more* text - not so i can *bigger* text. if i want bigger text, well that's what alt+scroll is for. if i want to be able to see more of the page at once, that's what my maximize button is for. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Extra Returns
On 9/8/06, Steve LaBadie [EMAIL PROTECTED] wrote:
Is there a way to remove the extra returns or spacing after a heading
tag (H5) or the extra space created above a list (ul tag)?
you mean like
h5 {margin-bottom: 0;padding-bottom: 0;}
ul {margin-top: 0;padding-top: 0;}
?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background color issues
the good browsers have no idea that you want #wrap to contain the
floats inside, so they give #wrap a 0 height. you have already
triggered haslayout in ie6, which is why it's expanding to contain the
floats and the background is showing up.
i'd suggest sticking in the easy clearing method to get the other
browsers to contain the float:
#wrap:after {
clear: both;
content: .;
display: block;
height: 0;
visibility: hidden;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background color issues
On 9/8/06, RKN Studio [EMAIL PROTECTED] wrote: Thanks cj - this seems to work. Can I assume then that I 'always' use such clear practices after using floats? I didn't know to do this. Thanks, Ron this method is the one i most prefer to both contain floats and to clear them as well. if you'd like to see some of the other options members of css-d know of, you can visit the wiki at http://css-discuss.incutio.com/?page=ClearingSpace i personally don't like adding br/ or hr/ (or anything else for that matter) to clear. option 2 is right up my ally. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] optimize css
On 9/8/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I know there is a program/tool - that optimizes the css when it is live and can decompress it when you need to work on it. anybody know where this tool is? this isn't exactly automated so i'm not sure if it's what you're looking for, but... http://www.lonniebest.com/FormatCSS/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fixed back to top tab at bottom of screen
not a css question, but what that button does is redirect you back to the same page and put you into position to view the bookmark (which is the # sign). for example if yahoo wanted to put such a link on their main page, it would look like http://yahoo.com/#;. that # sign is the start of a bookmark, and would look something like http://yahoo.com/#recentnews; if it was used normally. clicking on that link would then take make the top of your viewing area show the element on the page with the id of recentnews, such as h1 id=recentnews. that's it! to do the same thing with a little javascript, it would look something like a onclick=window.scrollTo(0, 0)[Back to Top]/a __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3-col - Oposite floats vs. Negative margins
On 8/16/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Screen-resolution will only get higher, and all browsers will have to adapt to that (one way or another). So do we. keep in mind that not everyone browses web sites with an actual browser as most of us think of browsers. cell phone browsing, pda browsing, and who-knows-what-else browsing won't go away either. i know my fiance is constantly on his cell phone looking up stuff. most likely, screen resolution will get smaller as well as bigger. ;) anyway, just don't forget the little people! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Header not there on IE
taking out the float: left from #main popped the logo right up for me. with this in mind, i suggest not even floating the #main. you don't need to from what i see. simply give #main a left margin wide enough to accomodate the left navigation. off the original topic, i get a scroll bar in my browser, which is always set to 800x600. if you're trying to accomodate this resolution (and it seems like you are since your min width is 600), try going to 574px or so. remember the scrollbar and the borders of the browser take away from that 600px width. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Header not there on IE
i don't remember what all i changed here, but you can look through it
and compare it to yours. keep in mind that in order to change css on
my computer i had to save the page to my machine, so your image
locations are off in this paste.
#header {
height: 100px;
left: 50px;
position: absolute;
top: 25px;
width: 700px;
z-index: 1;
}
#header img {
border: 1px solid #00;
}
#completepage {
background-color: #cc;
border: 1px solid #00;
margin-left: auto;
margin-right: auto;
}
#sidebar {
background-image: url(../images/sidebar.gif);
background-repeat: repeat-y;
color: #ff;
float: left;
width: 200px;
}
#sidebar div.padding {
padding-left: 20px;
padding-right: 20px;
padding-top: 150px;
}
#main {
margin-left: 200px;
}
#main div {
padding-left: 15px;
padding-right: 15px;
}
#navigation {
padding-top: 150px;
}
p.navbar {
border: 1px dashed #00;
font-size: 1.3em;
padding: 5px;
text-align: center;
}
#content {
}
.clearfix:after {
clear: both;
content: .;
display: block;
height: 0;
visibility: hidden;
}
/* save ie/mac \*/
* html .clearfix {
height: 0;
}/* end save */
#footer {
margin-left: auto;
margin-right: auto;
text-align: center;
}
body {
background-color: #99;
color: #00;
font-family: Palatino, Times New Roman, Times, serif;
font-size: 1em;
}
p {
}
h1 {
font-size: 1.5em;
font-weight: bold;
}
h2 {
font-size: 1.3em;
font-weight: bold;
}
h3 {
font-size: 1em;
}
#leftnav {
width: 160px;
}
#leftnav ul {
list-style-type: none;
padding: 10px;
}
#leftnav li {
border-bottom: 1px dashed #ff;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
#leftnav li.top {
border-top: 1px dashed #ff;
padding-top: 5px;
}
#leftnav a {
color: #ff;
text-decoration: none;
}
#leftnav a:visited {
color: #ff;
}
#leftnav a:hover {
color: #66;
}
#leftnav a:active {
text-decoration: none;
}
.heading {
text-align: center;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] firefox layout bug - nested floats
On 8/7/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: thx - your solution was the best solution i could come up with too - sorry 'bout the inline css - messy i realize. only problem with above is i wanted the elements within the floated right yellow div to align right as well - and that's exactly where all the problems popped up in firefox - and ie to a certain extent. easy. change the floated right div to be: div style=float: right; border: 1px solid blue; background: yellow;text-align: right; all i did was add text-align: right;. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] firefox layout bug - nested floats
On 8/7/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: hey all - seems firefox doesn't like nested floated divs... see: http://www.fatgraffix.com/testing/firefox_bug/test05b.hml ... any ideas ...? the item floated right needs to come first in the source. no need to float the left one left, i don't think. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] firefox layout bug - nested floats
it's very hard to use firefox's handy developer tools when all the css is inline. saving the page to my own computer and taking out a ton of extraneous css, i ended up with the following relevant part, which works in ie, firefox, and opera. just add some containing code if you want that green background to contain the floated right div. div style=border: 1px solid black; background: lime; div style=float: right; border: 1px solid blue; background: yellow; div style=border: 1px dotted red;p style=margin: 3px; padding: 3px;test div floated right/p/div div style=border: 1px dotted blue; margin-bottom: 0px;p style=margin: 3px; padding: 3px;test long line - also floated right/p/div /div img src=./logo-265x41.gif style=display: inline; width:265px; height:41px; margin: 0px 0px; alt=logo / /div __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering an inline list?
the reason it's not centering with the (correct for what you're trying
to do) margins you have is because the ul is 100% width. if firefox
actually had inline-block, you could set the display to that and be
done, but alas... :'(
to be cross-browser, try something like
#mdmenu ul {list-style:none; margin:0px auto;width: 40em;}
i just picked a width, but it seemed to work for me on text resizing. :)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
On 8/1/06, old9 [EMAIL PROTECTED] wrote:
hi cj, thanks for your reply.
I think I'd represent my problem here, well, what I need is a customized CSS
rule, not a regular one, it could be something like:
.class1{
-my-rule: my value;
}
and I want to access the -my-rule rule in javascript.
In Internet Explore, I can manipulate that rule through
element.currentStyle[my-rule] to get the value my value, and I need a
similar approach in Firefox and Opera.
my workaround might not be the best approach, but i don't think i
was clear enough when explaining it.
let's say what you *want* to do is something like:
div class=wrapper
.wrapper {
background: #cc;
font-size: 1em;
text-align: center;
-my-ff-rule: something;
}
and what i'm saying you could do is:
div class=wrapper fix-ff
.wrapper {
background: #cc;
font-size: 1em;
text-align: center;
}
.fix-ff {
-my-ff-rule: something;
}
then toggle having that fix-ff class on the element. it's not
exactly what you want, i already know that. however, for lack of
anything better, you could try it at least.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
i'm a bit slow, but i think i understand now. :) the only fresh idea i can think of is to see if inline styles will work, but that won't be very feasible if you are needing to change it in multiple places. sorry i can't be of much help, and good luck. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list line wrap
are you not using the list-style-image? it sounds as if your bullet picture is part of your actual html instead of a background image. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
On 7/29/06, old9 [EMAIL PROTECTED] wrote: Like those rules with a -moz- prefix, is is possible to write a custormized rule like -my-rule: myValue; , which would be accessed through JavaScript later? It seem that firefox would chose to drop those unrecogonized rules, rather than ignore and maintain them in the DOM. BTW, I can do that in Explorer, but failed in Firefox and Opera, any suggestion? could you instead give the element an extra class? maybe something like div class=regular-class ff-class ie-class and then just access ff-class or ie-class in your css and give it rules there? you could then manipulate which classes an element has with javascript instead of trying to edit the css with javascript. i'm flying blind and winging it here, but good luck. :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] is it okay to center an image this way?
that's certainly how i do my horizontal centering. :) side note: if you give your image a class/id, you can do away with the div tag and just style the image tag. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float being overlapped
I haven't heard any responses regarding this -- could someone confirm that it's a problem? Perhaps it's a problem with my test system. it's a problem on first load for me (latest ff version) as you've explained. unfortunately i don't know how to fix it. :( sorry. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Troubleshooting Background Images
actually what would almost guarantee you a faster and more accurate answer would be to post a link to the page in question so we can test for ourselves. :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using 100% css with no tables
this is just a mock-up (and quickly done), but perhaps it can give you
a place to start. [no comments on the fast coloring!] :D
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
title)}i{( Test/title
meta http-equiv=content-type content=text/html; charset=utf-8 /
style type=text/css
h2 {
background: tan;
border: 1px solid #00;
}
.date-column {
float: left;
width: 49%;
}
.loc-column {
float: left;
width: 49%;
}
ul,
p {
margin: 0;
padding: 0;
}
li {
border: 1px solid #00;
list-style: none;
margin: 0 0 1em;
padding: 0;
}
.headers:after,
li:after {
clear: both;
content: .;
display: block;
height: 0;
visibility: hidden;
}
/* bs hoop for ie \*/
* html .headers,
* html li {height: 0;}/* */
.region {
background: orange;
font-weight: bold;
padding: .25em 0;
}
/style
/head
body
div class=headers
h2 class=date-columnRegion amp; Date/h2
h2 class=loc-columnLocation/h2
/div
ul
li
p class=regionRegion 2/p
p class=date-columnWednesday, Sept 6/p
p class=loc-columnChillcouthe R-II/p
/li
li
p class=regionRegion 3/p
p class=date-columnWednesday, Sept 7/p
p class=loc-columnChillcouthe R-II/p
/li
li
p class=regionRegion 1/p
p class=date-columnWednesday, Sept 8/p
p class=loc-columnChillcouthe R-II/p
/li
li
p class=regionRegion 13/p
p class=date-columnWednesday, Sept 9/p
p class=loc-columnChillcouthe R-II/p
/li
/ul
/body
/html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] List in IE
do you perhaps have a page we can look at then, so we're not making stabs in the dark? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] List in IE
On 7/26/06, faramineux [EMAIL PROTECTED] wrote: http://www.ombredor.com/css/testing.html i see the bullets just fine on winxp pro sp2 ie6. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6 bug ONLY when viewing 800x600
i'm not seeing a large gap between the header and table at 800x600 in ie here. i get a little less than the I cursor's height between the header and table. winxp pro sp2 ie6 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Customisable scrollbars with css
On 7/25/06, David O'Neill [EMAIL PROTECTED] wrote: Is there anyway to customize scrollbars using css so that they don't default to the basic crappy windows grey ones? i kind of like my ugly grey ones. :) now, those ugly xp-style ones on the other hand... :] ew. lol. windows classic style forever! but alas, to keep on topic, i do know firefox won't support custom coloring of the scrollbars. opera i'm not sure about, but they have their own scrollbar styling that gives that nasty yellow color every time you even think about moving the mouse anywhere near it. [sent with humor] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] forms, standards accessibility vs CMS: or how I learned to start worrying and hate web apps
On 7/25/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Do you know what tables are, Mandrake? The CMSes are using tables to try and infect our precious fluid body tags. -- Gen. Jack D. Ripper I have a form. Labels off to the left, fields to the right. There additional columns of fields can be added or removed by the user. Since it's not displaying data, a table isn't really called for . . . or is it? Can you use a data table to *accept* data? If not, how can you associate multiple fields with the same label in order to maintain accessibility? Will CSS work for dynamically added and removed positioned elements? i don't believe this is a css question, but the way to associate names with controls is to use a label. tell the label the id of the control it's associated with. easy peasy! here's an example borrowed from codeproject.com: label for=FirstNameFullnbsp;Name/label input id=FirstName type=text / Gender:nbsp; label for=maleMale/label input id=male type=radio name=gender / label for=femaleFemale/label input id=female type=radio name=gender / __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Center Aligned List, bullets are left aligned?
On 7/22/06, Vic Rauch [EMAIL PROTECTED] wrote: My list in IE6.0 has the bullets quite a ways away from the left edge of the text. The text is centered, but I would think (silly me) that the bullets would stay with the text. FF looks great. Could someone help me get the bullets next to the text as they should be within IE6.0? There are some places where it works like it should, but the text is aligned left when it works correctly. Page where the bullets are not working correctly: http://www.ggshows.com/DisplayPage.asp?page=showdates i'm seeing the same spacing in ie6 as on ff1.5. have you solved the issue? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] html bkgrnd image and body attachment not happy in IE
On 7/24/06, Dave Goodchild [EMAIL PROTECTED] wrote: IE does not support background-position: fixed... it does on the body. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Auto adjusting height of container div
a page to look at would really help, but my guess is that you're trying to contain floats, in which case we have a wiki page just for you. :) i recommend looking at #2 first. http://css-discuss.incutio.com/?page=ClearingSpace __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Formatting
On 7/17/06, Yehuda Katz [EMAIL PROTECTED] wrote: Sure it is. Adding clearing elements, and the ensuing additional CSS (or extra clearing markup), makes code less readable for, in most cases, no good reason. Since overflow: hidden or overflow: auto does the trick, the whole issue of clearing floats becomes essentially a non-issue, and saves extra markup. i personally would rather not have scrollbars appear or things disappear on elements with width or height. I prefer using option #2 in the wiki (http://css-discuss.incutio.com/?page=ClearingSpace), which doesn't add additional markup, either, and perhaps should be mentioned in your version of a guideline. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] adding ALT text to a CSS - background-image
On 7/17/06, Maciejewski, James [EMAIL PROTECTED] wrote: It's a new standard to comply with handicap accessibility - we have to include ALT text for all images (this is for an online WebHelp system). But, you mentioned important enough that made me think...it makes since to exclude these as an exception to the rule, because they may not be that important... perhaps if you have a page we can look at, you'd get suggestions or comments directly related to your question. my opinion, personally, is that if you need alt text, it's a markup graphic. i wouldn't think blind people, for example, really care if you have a pink background with blue lines through it or if your headers have a fading green gradient behind them. a few other replies so far echo the things i would have added, so i'll let you read those instead of repeating. :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] adding ALT text to a CSS - background-image
[posting this reply back to the list. remember when you reply, select reply to all to send your response back to all the people who have given advice.] On 7/17/06, Maciejewski, James [EMAIL PROTECTED] wrote: --i wouldn't think blind people, for example, really care if you have a pink background with blue lines through it or if your headers have a fading green gradient behind them.-- Certainly not! I found this article that Nick mentioned to be very useful: http://24ways.org/advent/naughty-or-nice-css-background-images Our group is going to discuss it further, since the impact could be much greater that previously anticipated. Thanks for your help! Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Three column div
On 7/14/06, Aaron Gray [EMAIL PROTECTED] wrote: Is it possible to have a three column layout with fixed width left and right columns , and variable width center column, WITH a minimum width, using div's ? Or can the minimum width center column only be done with tables. If it is possible could you give me an example, or example code please. we have quite a few examples in the wiki. just look through the list to find the fluid ones. http://css-discuss.incutio.com/?page=ThreeColumnLayouts __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Three column div
On 7/14/06, Aaron Gray [EMAIL PROTECTED] wrote: I can only find one example for a minimum width center column and that does not give working example code and the actual page code is too complicated to decypher, it uses some scripting too. i assume the scripting is because ie does not support any minimum width. if you want minimum width for ie, you're going to have to code extra for it. if not, you can pick any layout you like in that list and have good browsers min-width it. my advice is to find a three column fluid layout you like, and add a min-width: 750px or whatever to it for the good browsers, since that's all that's needed. after that, find the least-bad method for telling IE to obey min-width you can stand, and place that on top of your three column layout. here's a good size link page on how to give min/max height/width to ie: http://kickasswebdesign.com/webgeekdir/CSS/Browser_Bugs/minmaxie/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Best CSS Online Validator
On 7/13/06, Brian Cummiskey [EMAIL PROTECTED] wrote: On 7/13/06, Marje Cannon [EMAIL PROTECTED] wrote: I continually get an error for specifying line-height this way: line-height: 2; and it keeps telling me that color: transparent is invalid 2 WHAT? you need a unit, px, em, %, etc not on line-height you don't. this is an issue with the validator. you can safely ignore the line-height error/warning. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Eyes are buggin and I can't find the problem in display difference
did you check for the double-margin bug? http://www.positioniseverything.net/explorer/doubled-margin.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE draws a random line through nav links issue
On 7/12/06, Brian Cummiskey [EMAIL PROTECTED] wrote: Issue 2b: Also on this footer list, I'm using pipes as list elements, and i'd like to get away from this. ie: lione/li li|/li litwo/li I would like to maintain the pipe separator, but realize that this is poor semantics. Since the elements are written dynamically (login vs logout links, and the admin panel link if logged in as admin) i need to include the pipe on a per-element basis and i'm not sure how to go about this. quick question: do you *have* to have the actual pipe character or simply something that *looks* like a pipe character? in other words, would a border work instead? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div height problem in FF/Opera but not IE
Trying to catch a float ...
http://www.complexspiral.com/publications/containing-floats/
This must be one of the most-cited links in this list. And if not, it
should be.
i actually prefer method #2 in the wiki on clearing floats (though my
code varies a little [1]), but they have other links there as well.
what i like most is that when ie6 dies, i just have to snip out the ie
fix from my css. you can use conditional comments of course, but it's
a personal choice.
http://css-discuss.incutio.com/?page=ClearingSpace
[1]
.clearfix:after {
content: .;
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE5/Mac \*/
* html .clearfix {height: 0;}
/* End hide from IE5/Mac */
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Validator working right?
i'm guessing here, but the only thing i see at a glance is that you have: @charset UTF-8; in your css. does taking that out make a difference? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Validator working right?
On 6/22/06, cj [EMAIL PROTECTED] wrote: i'm guessing here, but the only thing i see at a glance is that you have: @charset UTF-8; in your css. does taking that out make a difference? i hit send too soon, sorry for the spam here. you should also place: type=text/css in your link. for example: link type=text/css rel=stylesheet href=includes/main.css media=screen / __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs outstripping body background-color
i think what you're trying to do is to contain the float, and the best
way i know to do that is
body:after {
clear: both;
content: .;
display: block;
height: 0;
visibility: hidden;
}
ie, of course, has no idea what that means, which means it needs a
hasLayout trigger. you've already got that in place, though, so no
need to mess with hacks.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Multiple class name support
The wiki doesn't say there is any issue with class=one two three in IE. I
use that extensively and haven't seen any problems with any browsers as far
back as IE 5.0. The problem is when you try to use a CSS selector like
.one.two {}, which doesn't work at all in IE. But you can certainly use .one
{} or .two {} to match the class=one two three.
not quite true in my experience. there are three bugs that i know
related to having multiple class/id names. note that if you're only
working with classes, you only need to worry about the first one.
multiple classes bug:
http://www.quirksmode.org/bugreports/archives/2004/12/IE_CSS_rendering_bug_with_multiple_classnames.html
combining ID with class:
1.
http://www.quirksmode.org/bugreports/archives/2005/09/IE6_Multi_Class_Bug.html
2a.
http://www.quirksmode.org/bugreports/archives/2005/12/All_but_last_grouped_idclass_selectors_are_ignored.html
2b. http://css-discuss.incutio.com/?page=InternetExplorerWinBugs
[scroll to the bottom]
for those interested in voting or tracking on the ie feedback site
about multiple class/id, here's a couple of them:
https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=78368
https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=57394
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mysterious Black Line
On 6/19/06, tedd [EMAIL PROTECTED] wrote:
It has been pointed out to me that a Mysterious Black Line appears at the
top left of my web page
http://www.sperling.com/examples/menuh/
when viewing the page via Firefox 1.5.0.4 running on Mac OS X 10.4.6.
This line doesn't appear on any other browsers or OS that I am aware.
i'm not sure how you didn't see it on ff 1.5 on winxp, but i see it
here on my machine. this got rid of it:
a img {border: none !important;}
hopefully that helps you start debugging!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Hyphens in class names
i use hyphens all the time in my css, for headers and divs as well as
everything else. just to make sure i'm not blowing steam, i made a
tiny little test page with a class of test-hyphen on an h1 and a
div and both worked fine in ff/ie/op.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
style type=text/css
.test-hyphen {
color: blue;
}
/style
/head
body
h1 class=test-hypheni should be blue/h1
div class=test-hyphen
i should be blue too
/div
/body
/html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How do I set a table cell alignment
if it was my page and i really had to use a table, i'd do something like:
table id=news
tr
td class=news
[link]
/td
td class=about
[link]
/td
td class=graphic
[graphic]br/[it's a tall one]br/[really tall]
/td
/tr
/table
#news {
border: none;
width: 100%;
vertical-align: middle;
/* you set a color but no background so i'm not sure if i should copy
that part */
}
#news td {
border: 1px solid black;
}
.news {
text-align: left;
width: 33%;
}
.about {
text-align: center;
}
.graphic {
text-align: right;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with IE discrepancies
to get the same box model for ie6 that all other browsers have, simply put a standards doctype on your pages. this will then give ie6 and all future versions the w3c box model and means that you only have to hack the dead (as in ie versions that are no longer supported, such as ie5 and below) to get the box model to work everywhere. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] make link on image causes layout to break
do you need to put the styling on your a instead of your span perhaps? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] One more and it's done!
On 6/6/06, Dave Pierce [EMAIL PROTECTED] wrote: Ok, so now I've got this wonderful page [snip] what page? :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] One more and it's done!
Sorry, it's http://www.lorettosedgwick.org/
would there be any reason you can't delete the width? in firefox, at
least, it removes the right side empty coloring. if you wanted it a
little ways away from the right margin you could always give it a
margin/padding-right.
#navbar ul {
width:465px; /* delete me */
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7's treatment of height [WAS Re: Broken Layout]
On 6/2/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote: No, IE7 now respects height. So, all those Holly Hacks with height: 1% will need to be hidden from it or altered. However, I'm not sure if IE7 supports min-height (can't remember!). yes it does and the latest beta has it :). for those who signed up for the microsoft feedback program, this issue is at https://connect.microsoft.com/feedback/ViewFeedback.aspx?SiteID=136FeedbackID=57504 for those that haven't, the comment given when the issue was closed in the connect feedback system was: Entered by Microsoft on 4/21/2006 This was logged as a suggestion for future IE versions. We've already added support for min-height and it is in the March 20 Beta 2 Preview build that we put out during MIX06. Al Billings __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] How To: Make links work when using AlphaLoader
while microsoft's alphaloader might not exactly be css, it's currently the best (only) way to get alpha transparent pngs to work in ie6. one of the many downfalls to using this propriety method, however, has been that links cease to work when an alphaloaded background is behind them. heck you can't even select any text. working on my site, i stumbled across something that made links start to work again. i didn't question it at first because i wasn't having any problems, but later i added more links, and these new links didn't work. this meant i had to track down the fix i must have found. the fix: i actually have no idea why what i did works. however you can see my fixed version alongside a non-fixed version at http://sltclan.com/images/cj/fix-ie-loader/default.html method #1 - not so great, but better than nothing: using text-align: right; on the link will work *most* of the time, but there is a slight delay when you mouse over the links. you can see this live on the right column of the non-fixed area. sometimes it stops working though, and i have no idea why. that's ms for ya! method #2 - requires a bit of markup, but much better: setting a parent to text-align: right; fixes it much better when i put position: relative;height: 0; on the actual link. i don't know how i came up with this, but i have seen absolutely no problems with my links when i put this into effect. you can even get all text to line back up on the left hand side after having set the parent to align right, which i show on the left column. any comments or better suggestions are welcome, since i haven't seen any fixes for links before i figured this all out. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to set all elements in a div?
that will work if the div isn't inside of something else that has had
the font sized changed. for example if you had:
body
div class=layer1
div class=layer2
/div
/div
/body
body {font-size: 1em;}
.layer1 {font-size: .75em;}
.layer2 {font-size: 2em;}
.layer2 * {font-size: 1em;}
: then all your elements are going to be (1 * .75 = .75em) - (.75em *
2em = 1.5em) - (1.5em * 1em = 1.5em) - 1.5em. if you want to set it
specifically back to the original em, you could either calculate all
that changing back out, or set the font size using a word, such as
font-size: medium;.
[someone correct me if i'm wrong, please. you'd fix my understanding as well.]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Browser Cache?
does the forced refresh help at all? (holding down control while hitting f5 or the refresh button) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mousey!
do you happen to have any very small repeating background graphics, such as 1px * 1px? if so, the browser has to do a lot of work to fill in the area that graphic covers, and making that background 10x10 or 20x20 or so will drastically decrease the scrolling hesitancy. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Three CSS questions re; identifier naming, auto and canceling previous rules
these aren't going to be the perfect answers, but i'll give them a shot. :)
Can you also explain to me the meaning of the attribute value 'auto', what
are its implications?
the only *real* thing that i know auto does is center an element
that's less than 100% width. for example if you have a div or
table and you set margin: 0 auto;, they will be centered
horizontally. it works great. :)
Is there any way to completely cancel all previous rules for a particular
tag?
not simply. you'd have to do something like:
.myreset {
border: none;
margin: 0;
padding: 0;
width: auto;
/* add addition stuff like color or font-weight */
}
others will probably have a lot better answers.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div with one absolute and one relative boundary
have you tried something like:
.menu {
float: left;
width: 100px; /* or whatever */
}
.content {
margin-left: 100px;
}
div class=menu
/div
div class=content
/div
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it impossible to set margin to h1, h2... el ?
this makes me sound really dumb, but are you sure you're setting the
bottom margin on the right element?
#cotedroit p {margin-bottom:10px}
this is going to set a bottom margin on your paragraph tags, not your
header tags.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 100% height
giving a link to your current page would greatly help. otherwise my guess would be your doctype isn't getting making ie behave the way you want. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div with one absolute and one relative boundary
The interesting thing, though, is that it worked without the float.
that's because you absolutely positioned it when it shouldn't be. :)
change your content to be:
#content {
margin-left: 220px;
height:800px;
font-family: Papyrus;
background-color:#FF;
}
i'd also recommend taking out the set heights for both your menu and
content areas. if someone ever resizes the font size, they might run
into some problems.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Readonly textarea backround color ignored in firefox
ff 1.5 winxp pro i see white, white, grey. i'm not sure what other info to include since i seem to be one of the rare winxp people who see it white, but if you want to know something else, just ask. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Readonly textarea backround color ignored in firefox
On 5/23/06, Jim Nannery [EMAIL PROTECTED] wrote: I'm running Win Xp Pro SP2 and in Firefox 1.5.0.3 I see the first and second test textarea boxes with white backgrounds and the third box with a light gray IE 6.0 is the same.. This sounds like a Google tool bar auto-fill type issue.. fwiw i don't have the google toolbar installed. [in my previous post i stated didn't have a problem seeing the white background] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] floats making rows, not columns.
the problem is your width: 100%; here:
.mustread{
float:left;
width:100%;
text-align:left;
}
if you tell it to be 100% width, it is going to bump down until it can
take up the whole 100%. whatever width you specify needs to take into
account the other columns you want.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] columns streching
the wiki has a good list of sites to visit: http://css-discuss.incutio.com/?page=AnyColumnLongest if you don't mind some javascript, here's another link i have bookmarked: http://www.ampsoft.net/webdesign-l/making-web-pages-extend-to-bottom.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Arbitrary footer trouble.
this probably isn't the ah ha moment answer, but i'm guessing that something is putting your footer at the bottom of the viewport instead of the bottom of the content from the position of the purple bar. i'm guessing your browser window was probably in the 1024x768 range judging by how far down the footer is. again, i doubt this is the best lead, but perhaps i'll get lucky and guess right. :) best of luck! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS onclick event?
i think your best bet is javascript. javascript could change the css class of the tab and won't change it again until something else is clicked, in which case you take the active class away from the original one and apply it to the newly activated one. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS options for 100% - 50px;
On 5/16/06, Stephen Cunliffe [EMAIL PROTECTED] wrote:
Hi all,
I'm looking for info on the options for providing a CSS demension that
is 100% (minus X pixels)
E.g. If I have a fixed height header, of 50px, and I want a body below
that, that is 100% of the remaining browser viewport (e.g. 100% - 50px)
Is there a way to accomplish this (note: without using proprietary
expression()'s etc.)
I know I can make this work with a table, but, I'm trying to avoid this.
div class=fixedsome text/div
div class=fluidsome more text/div
.fixed {float: left;width: 50px;}
.fluid {margin-left: 50px;}
?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS options for 100% - 50px;
On 5/16/06, Rahul Gonsalves [EMAIL PROTECTED] wrote: Note: He said *below*. i knew i must be reading something wrong, which is why i put the question mark in there. good luck! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS options for 100% - 50px;
i'm not going to say this is the best answer, but it works in ff, ie,
and opera. maybe it will give you a starting point.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
title)}i{( Test/title
meta http-equiv=content-type content=text/html; charset=utf-8 /
style type=text/css
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#header {
background: #ee;
height: 50px;
position: relative;
z-index: 1;
}
#content {
background: #cc;
height: 100%;
margin-top: -50px;
padding-top: -50px;
position: relative;
}
#content-inside {
padding-top: 50px;
}
/style
/head
body
div id=header
hello world
/div
div id=content
div id=content-inside
some text
/div
/div
/body
/html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Double images in buttons?
On 5/15/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Is it possible to have more than one image in a button: one for a background and one for an icon? this might not be the best solution, but you could put a span around the button, use the span for the background, and then put the graphic as your buton image. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox adds padding in strict mode?
i'm not able to see any differences in spacing either between firefox and ie. ff1.5 ie6sp2 winxp best of luck! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Hover problem in Opera 8.5
On 5/2/06, Bill Moseley [EMAIL PROTECTED] wrote: I noticed a few people looked at this in my logs. Did anyone see the same behavior? Any ideas about the problem? i don't have a linux browser to test on, but my opera 8.54 on winxp doesn't do anything weird. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
