Re: [css-d] z-index doesn't work with relative items in FF?
On 10 Nov 2005, at 4:07 pm, Graham Reeds wrote: I just wish I could figure out if a) FF is sticking to the letter of the W3C description (which is illogical) or b) FF is actually incorrect and IE is correct for once. Bet for the usual thing: IE is wrong (on z-index). Opera, Safari, Firefox, iCab,... all handle this the same way, and do it correctly. For a well illustrated guide to positioning and z-index, try this: http://www.aplus.co.yu/css/z-pos/ Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] Flickering in Firefox: The End(?)
Thanks to all who helped me solve this glitch. Nick got me going by
suggesting a few possibilities to address, seconded by Big John. It seems
that the problem was caused - at least in this case - because the images in
my thumbnail div didn't have height and width attributes called in either
the markup or the css. So FF kept re-adjusting to accommodate images of
unknown sizes. Each time it did that, the div would 'jump' to fit the img
and cause the 'flickering.'
The fix that I chose was to make each of the images the same size and define
them in my css. Once I did that, the images fell into place nicely and there
was no more flicker on my machine. Georg and Big John reported they were
still seeing it in earlier versions of FF and mozilla. Georg suggested that
adding
#wrapper {
display:table; } would isolate the scrolling element from the browser
window and further reduce any flickering caused by resizing. Since doing
that, it seems that particular problem has been fixed (for the time being?)
and I can putt his thread to bed.
Others on the list helped by testing the page on their boxes. Without all
your help I *might* have gotten this fixed, but I know I'd still be trying
to figure it out for quite some time and had somewhat less hair :-)
Cheers
Bill Scheider
__
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] Odd size change on hover in MSIE
I am experiencing a weird issue with hovers on MSIE. If you go to: http://icant.co.uk/works/wickstead/extensions.php or http://icant.co.uk/works/wickstead/ and you hover over the links on the right or the bottom respectively, MSIE does increase the height of the main container. Does anybody know why and how to avoid this? CSS file: http://icant.co.uk/works/wickstead/includes/wickstead.css regards Chris -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.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/
Re: [css-d] Flickering in Firefox: the saga continues
OK. Now I've resized all of the images in the right scrolling div as suggested by Nick and called the now uniform img size (#thumbnails img) in the style sheet. As I said earlier, after I placed the sizes of the images in my html a la 1996, the flickering stopped on my end. Big John said he was still experiencing it. Is that still true after my latest change, John. Anyone else seeing the flicker in FF? Looks fine at this end - no flicker at all. Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] Aligning List Of Name:Value Pairs On Colon
How about using a table, as this does look like tabular data to me?
Then you could easily align the TH to the right and the TD to the
left.
In the new world of CSS, aren't we supposed to avoid tables?
Same applies to your span solution - give the first span a fixed
width, display it block, float it to the left and text-align it to the
right.
Yep, that is just what I was looking for:
HTML:
div class=container
ul class=properties
lispan class=nameName:/spanspan class=valueValue/span/li
lispan class=nameAnother name:/spanspan class=valueAnother
value/span/li
lispan class=nameOther name:/spanspan class=valueOther
value/span/li
/ul
/div
CSS:
ul.properties {
list-style: none;
}
ul.properties span.name {
display: block;
float: left;
width: 10em;
text-align: right;
}
Thanks,
Curious.
On Wed, Nov 09, 2005 at 10:22:50PM +, Christian Heilmann wrote:
I have a list of name:value pairs:
div class=container
ul class=properties
liName: Value/li
liAnother name: Another value/li
liOther name: Other value/li
/ul
/div
How about using a table, as this does look like tabular data to me?
Then you could easily align the TH to the right and the TD to the
left.
Same applies to your span solution - give the first span a fixed
width, display it block, float it to the left and text-align it to the
right.
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.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/
Re: [css-d] Aligning List Of Name:Value Pairs On Colon
Here's a case for a definition list. Following code is very basic, but you
can build on it however you like.
A definition list is certainly better semantic markup than the span
solution.
Your example CSS looked good in IE and Opera. However, in Firefox the
dd is displayed below the dt.
Thanks,
Curious.
On Thu, Nov 10, 2005 at 11:05:19AM +1100, Graham Cook wrote:
-Original Message-
Here's a case for a definition list. Following code is very basic, but you
can build on it however you like.
Graham Cook
www.uaoz.com
style
dt {
display:block;
float:left;
width:10em;
text-align : right;
}
dd {
display:block;
width:10em;
text-align : left;
}
/style
dl
dtName:/dt ddValue/dd
dtAnother Name:/dt ddAnother Value/dd
dtOther Name:/dt ddOther Value/dd
/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/
__
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] Aligning List Of Name:Value Pairs On Colon
How about using a table, as this does look like tabular data to me? Then you could easily align the TH to the right and the TD to the left. In the new world of CSS, aren't we supposed to avoid tables? No, we're supposed to avoid the misuse of tables to achieve presentational goals. Table elements are there for the purpose of displaying tabular data, so if your data is tabular, use a table at that point on your page. That way your markup is semantically sound. Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] Aligning List Of Name:Value Pairs On Colon
On 10/11/05, Curious [EMAIL PROTECTED] wrote: How about using a table, as this does look like tabular data to me? In the new world of CSS, aren't we supposed to avoid tables? No, just the abuse of them (or any other element) for layout. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Aligning List Of Name:Value Pairs On Colon
Here's a case for a definition list. Following code is very basic, but you can build on it however you like. A definition list is certainly better semantic markup than the span solution. Ok, this might be getting very hypothetic, but I disagree. The definition description describes the title, not the other way around. dtMarge/dt ddHomer's wife/dd Your example would define the other way around, wouldn't it? That's why a table would still be a valid solution. The idea is not to avoid tables at all cost - if something is tabular data, use a table. The idea is to avoid abusing tables for layout purposes where a CSS construct is easier to maintain. http://icant.co.uk/articles/tables/ http://icant.co.uk/csstablegallery/ HTH Chris -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.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/
Re: [css-d] fluid layout fixed...sort of
Shelley Simpson wrote: Hi all I ended up using a table inside my content div...that allowed the content to grow and the footer to clear the two divs (side menu and content). When I was trying to use just divs to arrange content, the footer would not clear. So back to the strange old days of using tables for layout...although I can forgive myself on this occasion!! If anyone wants to see how I did it, the site is here: http://www.shelleysimpson.co.nz/war_hen Still in development... I would hope so. As a painter and sculptor by day and css junkie by night, I can assure you your unreadable table layout ain't 'gonna cut it for a museum. The 3 column layout on this page http://www.alistapart.com/articles/negativemargins will work just fine. The footer will stay in place. And the left column will not be chopped at 800. Shelley Simpson Regards, ~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] IE Print Margins
Rutgers wrote: Is there a way to set the print margins in Internet Explorer (6+)? I don't like the preset margins ... like FireFox better but have to make it work in IE. Printer page margins are set by the device driver, and are not accessible to browsers. That is, each printer has a native margin set in the operating system device driver. While some graphic editing programs allow access to these margins, browsers don't have access to them. The best you can do is ensure your print style sheet sets the margins for the outermost container to zero. -- Bob Easton Accessibility Matters: http://access-matters.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] Highlighting text
I'm trying to add highlighting features to a pre tag. I want it to look like GMail higlight and spell-checking feature, but I don't want to break the pre tag text into small span tags. Instead, I want to position a span with a background color over a specific text, so the text will look highlighted. I tried setting the z-index style of the span to -1, but on Firefox, this completely hides the span behind the pre. I tried setting the span opacity's to 0.5,, but that makes both the text and the span blurred. Can someone suggest a way to accomplish that on all browsers? You can see my test page at http://www50.brinkster.com/splintor/highlight.htm Thanks, Shmulik __ 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] Background image problem
There was a problem with my email earlier so apologies is this is the second time you've received this. I've set up a free web site to show this to you rather than try and explain it, it would be difficult to explain exactly what I'm talking about. Please ignore the banner ad on the following page, the important thing is the middle column of the page. When you load the page you'll see the three column layout with an extra class that gives the top of the middle section a nice shaded look. I added a textarea to show where the issue is, try and resize the page. If you drag the window horizontally, making it smaller as you go, you'll eventually reach the limit of the textarea, making the window any smaller causes the top css background image to start disappearing. Here's the URL: http://esdmsd.freefronthost.com/test.html Using the expression method stops this temporarily, but the window has a tendency to remove all the content in the page for no reason, resizing the page again sometimes fixes this but it isn't a proper solution. Has anyone got any ideas how I can fix this? 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/
[css-d] Firefox padding issue
Hi all
Why, in quirks mode, does Firefox decide to add the amount of padding-top to the
specified height of the element I'm adding padding to? Will switching modes help
me in this case?
#small_div {
margin-left: 0;
width: 120px;
height: 120px;
padding-top: 40px;
}
This causes the div to be 160px high...
What I'm actually trying to achieve, in case there's a better way, is to get
single words centred vertically and horizontally in a few 120x120 divs. Using
the old disply: table-cell combined with vertical-align: middle gave me the
perfect result in each div, but then proceeded, unsurprisingly, to lay the few
divs out like a table row... I want them to stack like ordinary block elements
would.
Thanks for any help!
Ciao
Zak
--
http://www.carfolio.com/Searchable database of 10 000+ car specs
__
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 please?
Charles Dort wrote:
If you'd be willing to glance at this index page
http://www.allsaintsofamerica.org/new_site/index.html
http://www.allsaintsofamerica.org/new_site/css/allsaints.css
Theophan (Charles) Dort
xp_sp2 ie/ff/opera
Looks good to me, Charles.
Some suggestions:
body { /* deleting font-size: small; will keep children and their
grandparents at bay*/ }
Wider margins on full page text, and a little lead beneath the last
paragraphs my help.
Mac/win2000/Linux captures:
http://www.browsercam.com/public.aspx?proj_id=205647
Regards,
~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] Firefox padding issue
Zak McGregor wrote:
Why, in quirks mode, does Firefox decide to add the amount of padding-top to
the
specified height of the element I'm adding padding to? Will switching modes
help
me in this case?
#small_div {
margin-left: 0;
width: 120px;
height: 120px;
padding-top: 40px;
}
This causes the div to be 160px high...
Hi Zak,
This might help:
+ http://developer.mozilla.org/en/docs/Mozilla_Quirks_Mode_Behavior
+ http://www.quirksmode.org/index.html?/css/quirksmode.html
AD
--
[EMAIL PROTECTED]
www.adrianocastro.net
__
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] ids for XHTML radio buttons
I think it works in IE6, Firefox, and Safari (at least recent
versions). I was surprised as well, but came across it working and
was curious.
--Dave
On Oct 26, 2005, at 10:40 , David Dorward wrote:
On 26/10/05, David Feldman [EMAIL PROTECTED] wrote:
This may be off-topic, for which I apologize
http://css-discuss.incutio.com/?page=OffTopic
but: In XHTML you're supposed to refer to form elements using id
rather than
name.
Suppose I have a collection of radio buttons, though. Is it
acceptable to
give them all the same ID and then refer to them as an array using
document.getElementById('formID').radioID?
No.
(It works...I just would like to know if it's how I'm supposed to
do it.)
It works? You must be using a different browser to me.
--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
__
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] Odd size change on hover in MSIE
Christian Heilmann wrote:
I am experiencing a weird issue with hovers on MSIE. If you go to:
http://icant.co.uk/works/wickstead/extensions.php
or
http://icant.co.uk/works/wickstead/
and you hover over the links on the right or the bottom respectively,
MSIE does increase the height of the main container.
Looks like something spurious is dropping ...
Its a tight float setting. Reducing the width of the right side seems to
fix it at my end.
#specials {
/* padding: 10px; */
padding: 10px 10px 10px 6px;
width: 130px;
float: left;
}
or
#specials {
padding: 10px;
margin-right: -4px;
width: 130px;
float: left;
}
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] stuck on IE scrolling/positioning/background/form bug
I'm working on a Web app for a client, and have a sort of interdependent collection of IE bugs. I think I have a workaround for the worst two, but the whole thing is weird enough that I thought I'd find out if anyone had experience with these. (I'd love to post a link but of course the site is confidential.) Everything works fine in Firefox and Safari. The app only needs to support the latest Safari, Firefox 1+, and IE6. Bug #1: The main content area of the site is enclosed in a div whose background image repeats horizontally across the top. The div itself begins 169px from the left edge of the page, as (naturally) should its background image. However, when there is a form nested somewhere inside the div its background (image or color) is drawn from the left edge of the page instead of the left edge of the div. I can work around this by absolute- or relative- positioning the div so its left edge is specified with left instead of the margin. Bug #2: Same div or one of its sub-divs. Again this only appears when there's a form inside the div...suddenly IE adds about 15-20px of unwanted padding between the top of the div and the top of its content. I have been unable to find any workaround (other than a very specific browser branch). Bug #3: Same div. If I static- or relative-position it, everything's fine. But if I absolute-position it and its content is longer than the window, either the page doesn't scroll at all or the page scrolls but fails to scroll far enough to show all the elements in it. Thanks, --Dave __ 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] Odd size change on hover in MSIE
I am experiencing a weird issue with hovers on MSIE. If you go to:
http://icant.co.uk/works/wickstead/extensions.php
http://icant.co.uk/works/wickstead/
and you hover over the links on the right or the bottom respectively,
MSIE does increase the height of the main container.
Looks like something spurious is dropping ...
Its a tight float setting. Reducing the width of the right side seems to
fix it at my end.
#specials {
/* padding: 10px; */
padding: 10px 10px 10px 6px;
width: 130px;
float: left;
}
or
#specials {
padding: 10px;
margin-right: -4px;
width: 130px;
float: left;
}
You the man! Cheers.
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.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/
Re: [css-d] Styling COL and COLGROUP
At 8:32 PM -0500 11/9/05, [EMAIL PROTECTED] wrote: So the only way to bold and center all the text in every cell of a particular column is to add those rules to every cell? (Sounds like bad coding to me.) Or to pretend that they are header cells when they aren't? (Sounds like bad coding to me.) No, though that is one way. The other way is to class all of the cells that share a column, and style via that class. A simple example: table tr td class=cityNew York/td td class=amnt$6,123/td /tr tr td class=cityBoston/td td class=amnt$5,627/td /tr tr td class=cityCleveland/td td class=amnt$7,111/td /tr tr td class=cityChicago/td td class=amnt$5,966/td /tr /table Now you can style each column uniquely. Yes, the city names could probably be th element with scope=row, and then you could dump all the class names for this example, but pretend it's a table with more than two columns. Also, the markup there isn't very accessible, but it's good enough to illustrate the point I'm making. I hope. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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] 100% Height Problem
Hello All, On my site, http://www.blueplasmarecordings.com/ I tried to achieve 100% height. It works in Safari/Mozilla, but shocker, not in IE. Anyone see why this wouldn¹t be working? Sincerely, Jordan WOLLMAN // __ 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] Table Centering IE...argggg!!
I would greatly appreciate any help here...I've got a page set up and all looks like it should in Firefox IE/Mac, Safari, IE 5 Mac, etc. It looks totally wrong in IE Windows. How can i get this page to look right?? I think it's an IE table centering problem and i cannot for the life of me figure out how to fix it. Please advise. http://www.mindspring.com/~shortell/nicole __ 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] stuck on IE scrolling/positioning/background/form bug
One way around the confidentiality issue would be to take all text or revealing names out of the code and post a simple test page with only your layout elements in it (including form fields, since those are where you issues lie). Without seeing the problem, I'll try to magically pull answers out of my hat though. Maybe I'll get lucky. :) However, when there is a form nested somewhere inside the div its background (image or color) is drawn from the left edge of the page instead of the left edge of the div. What CSS do you have for bug 1? Are you specifying the background 169px from the left, or leaving it default? Do you have negative margins or a large padding on the left side of that div? You might try putting a border-left on that div and see where the border shows up. If you simply set a background without a background-position specified, your div had no negative left margin, and your div had no large left padding, your background should show correctly according to everything I understand. there's a form inside the div...suddenly IE adds about 15-20px of unwanted padding between the top of the div and the top of its content. You might try telling ie only that form elements have padding/margin-top: 0 for bug 2. There are some tricky padding and margin issues and collapsing that I don't fully understand, but at least this is something to try. But if I absolute-position it and its content is longer than the window, either the page doesn't scroll at all or the page scrolls but fails to scroll far enough to show all the elements in it. For bug 3, absolute positions are taken out of the flow and don't resize. If you need it to resize and/or scroll, I think you'll need to un-absolute it. __ 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] Styling COL and COLGROUP
Wednesday, November 9, 2005, 10:01:21 PM, Philippe Wittenbergh wrote:
.myclass {text-align: center}
td:first-child+td+td {text-align: center} /* the 3rd column */
***But***, and here IE is buggy again, you *cannot* group those
selector, else IE doesn't recognise the .myclass selector.
I just noticed that and made the change on the wiki:
http://css-discuss.incutio.com/?page=StylingColumns
Steve
--
http://mrclay.org/ : http://thefrenchhorns.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] Table Centering IE...argggg!!
I would greatly appreciate any help here...I've got a page set up and all looks like it should in Firefox IE/Mac, Safari, IE 5 Mac, etc. It looks totally wrong in IE Windows. How can i get this page to look right?? I think it's an IE table centering problem and i cannot for the life of me figure out how to fix it. Please advise. http://www.mindspring.com/~shortell/nicole Hi Matt, What exactly is wrong with this page in IE? I'm viewing it in Mozilla/Win and IE/Win and they look very similar. There are just some alignment problems with the main image and the right column navlinks. Are these the issues you're talking about? AD -- [EMAIL PROTECTED] www.adrianocastro.net __ 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] Table Centering IE...argggg!!
Adriano Castro wrote: I'm viewing it in Mozilla/Win and IE/Win and they look very similar. There are just some alignment problems with the main image and the right column navlinks. Are these the issues you're talking about? If so take a look at the following page: + http://www.w3.org/Style/Examples/007/center.html#block Hope it helps. AD -- [EMAIL PROTECTED] www.adrianocastro.net __ 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] sitecheck / lists equal in ie+ff
Mauricio Giraldo Arteaga wrote: http://www.museoarqueologico.com It's not 100% valid since it uses Flash. We have this issue with subnavigation lists (click in Culturas Precolombinas) because they don't show up the same in IE6 and Firefox 1.0.7 and we had to cram them up so that IE wouldnt show them in two lines. There is also an issue with Mac IE 5.2 but well... I don't see a difference in the lists on this page between FF and IE. Have you fixed it? Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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 please?
It's good, the only thing is if you are trying to avoid a horizontal scrollbar at 800x600, you need to make it about 2 pixels more narrow. -- -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] problem with absolute positioning/floating
Hello all. I have already looked on WIKI, and haven't found exactly
what I am looking for. Having said that, I'm sure I'm not the first to
have this issue, and I am very curious to know if any of you have
experienced the same thing.
What I am getting at is the following:
http://www.guchdesign.com/popTest/popPort.html
http://www.guchdesign.com/popTest/popPort.css
As you can see, the #content stretches all the way to the bottom of the
screen. It has attached itself to the bottom of the screen, but I don't
want that. I would like to place the #copyright underneath the
#content, but I can't seem to get any space under the #content.
I really like the idea of floating instead. I.e., floating the #menu
left, and floating the #content right, with the #copyright clearing both
(see the follwing code), but the BIG problem I see with this is when the
browser window is resized, #content drops under the #menu. I would like
it very much if #content would stay on its own side!
#menu {
float:left;
background-color:#fff;
text-align:center;
font-weight:bold;
}
#content {
float:right;
background:#fff url(gradient.jpg) repeat-y top left;
line-height:160%;
}
#copyright {
clear:both;
text-align:center;
font-size:80%;
color:#666;
}
If I choose the float method, of course the advantage is that #copyright
(footer) always sits below everything else on the page. I like that.
So, it would be great if I could find a way for the #content to stay on
its own side (just not sure how to do it).
The alternative is to use absolute positioning, but then I have this
problem with #content giving no room for #copyright, and the fact that
#copyright will never clear everything 100%.
If anyone has any advice on this, I would eat it up immediately as I
have already given myself many headaches over this. I am considering
rebuilding from ground up, but I am hoping for a less drastic solution.
Thank you in advance.
Cheers,
John
__
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] test page check - especially mac
http://www.virtuallee.co.uk/Azule/index_test.html
I'm still battling to figure out why the middle blue area (with Experts
in Project Finance text) is about 3px higher in Safari, Firefox (IE is
fine). I had to set that blue area as a negative (margin-top: -8px;) so
I'm definitely doing something wrong there. Can someone spot how I can
fix this?
Thanks very much to those of you who gave me feedback on the site,
especially those screen shots, DL. Very helpful - will work on contrast.
Thanks!
Lee
Lee, I get an insignificant 3px difference from the top of the azure
blue to bottom of the toolbar comparing IE/FF in Xp
Very nice, clean simple layout.
Bit difficult for me to read-- found this helped(plus bumping the p
contrast):
p, ul, ol, table {
/*font-size: .8em;*/
line-height: /*1.9em*/1.7;
}
The azure links and the word 'Welcome' are unreadable(contrast).
16 captures: safari/mac/ie5.2/win2000
http://www.browsercam.com/public.aspx?proj_id=205520
Best,
~dL
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.344 / Virus Database: 267.12.8/162 - Release Date: 05/11/2005
__
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] Looking for a UI Designer ...
I apologize ahead of time if this is not the right forum for this message. I am looking for someone to help with UI and graphic design for several projects. Currently, this work is being offered on a contract basis, per project. Depending on work quality and re-location abilities, this could become a full time position in the Dallas, Texas area. This contract calls for someone with a very good working knowledge of XHTML, CSS, and JavaScript. Experience with AJAX, Macromedia Flash, and ColdFusion would be a plus. Knowledge of standards based web development and familiarity with different browser environments is required. This individual will be expected to work with some open latitude and creativity. Candidates must be: - highly detail oriented, dependable, and able to work with minimal supervision - able to communicate, provide updates, and work under tight deadlines - a self-starter and extremely well organized A portfolio of previous work is highly desired. If you are interested or have any further questions, please contact me a [EMAIL PROTECTED] Thanks -- Jeff Chastain __ 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] Floats, etc.
Is there any way of making sure that a div doesn't float itself down below a div set to float to its left when it gets too big? I have a three column layout I am using as a template in Dreamweaver. When I insert something like an image into the third column div that causes it to expand too much the div shifts below the divs to the left. I'd prefer if it simply didn't expand and hid part of the image and stayed where it is. Otherwise, I have to critically size each image or keep going back into the template and shaving off pixels from the divs to the left. Sometimes I think this effort to get away from tables and into pure CSS is premature as the CSS system is missing key features. Why are we doing this? Just trying to stubbornly blaze a trail. --Kenoli Kenoli Oleari Neighborhood Assemblies Network [EMAIL PROTECTED] 510-601-8217 http://www.horizonsofchange.com http://www.sfnan.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/
Re: [css-d] Problems with DIV and ubication in page
Well, after I read and read the pages you leave me and probe the code, I obtain the same error. You can take a look at http://www.jovenclub.cu/grm/index.php The DIV for images still appear over other DIV elements. How can I fix them? They really look ugly. Cheers __ 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] Matching column heights in a complexish layout
Adriano Castro wrote: Zoe M. Gillenwater wrote: Your problem then becomes the fact that you've positioned the child divs absolutely, which means they are removed from the flow of the page. Thus, the container has no content in it to determine its height, and shrinks up. To fix this, switch to a float layout to an absolute layout. Again, in general it is best not to use absolute positioning for main layout elements, just smaller elements within them sometimes. Floats handle almost all layout tasks. Let us know if you need resources on using floats and I'll send you a few good starter links. Zoe Some resources would be very much welcome. Found a very good tutorial online [1]. Managed to get it working for IE but Mozilla doesn't adjust the height of the container div. I'm a bit lost here. I think my problem is the one defined on PIE's How To Clear Floats Without Structural Markup [2] but having tried the proposed solutions I still can't get it to work. Ideas? Also, was able to set min-height for both IE and Moz using: height: 535px; /* IE's min-height equivalent */ min-height: 535px; Tks, AD 1. http://css.maxdesign.com.au/floatutorial/ 2. http://www.positioniseverything.net/easyclearing.html -- [EMAIL PROTECTED] www.adrianocastro.net __ 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] [ADMIN - OFFTOPIC] Re: Looking for a UI Designer ...
At 10:34 -0600 10/11/05, Jeff D. Chastain wrote: I apologize ahead of time if this is not the right forum for this message. It is very definitely not the right forum for this message. From the list policies (http://www.css-discuss.org/policies.html) No solicitations of employment or requests for applications. There are job boards, Web sites, mailing lists, and other venues for helping stimulate your local economy. Check them out. No replies on list please. Alex Robinson css-d moderator __ 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 please?
MANY thanks to those who replied on the list and privately with very helpful observations and information about my site. I was dismayed to see that in IE5/Mac there are serious problems, and I'm going to think about taking the advice to assume hardly anyone uses that browser. I'll see if I can find it in the stats on my parish web site. Christian Montoya wrote, ... if you are trying to avoid a horizontal scrollbar at 800x600, you need to make it about 2 pixels more narrow. Yes, I was, thought I had. But my screen is 1280x1024, so I couldn't actually see it. I hate to make it even narrower, but if only a few pixels will do it, I probably will. I've thought about making a more fluid layout, but unless I put more columns on pages that, to me, don't naturally need them, I fear a fluid layout will look pretty lousy at a wide width. I'll probably nudge the width down a few pixels. Thanks again to all! Theophan (Charles) __ 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] Floats, etc.
stayed where it is. Otherwise, I have to critically size each image or keep going back into the template and shaving off pixels from the divs to the left. First off, you're obviously having problems with IE. Right? Because all the more modern browsers do the right thing and just have any content larger than the float spill over its edge. This article at PIE offers a couple of solutions for IE http://www.positioniseverything.net/explorer/expandingboxbug.html though, the solutions have trade offs so it will be up to you to decide how best to proceed. Sometimes I think this effort to get away from tables and into pure CSS is premature as the CSS system is missing key features. Why are we doing this? Just trying to stubbornly blaze a trail. This I'm afraid is off topic. This has been argued to death both here and a million other places many many times before. So it serves us no useful purpose. If anyone else has useful comments about the expanding box problem, then fire away. Otherwise this thread's dead, baby. Alex Robinson css-d moderator __ 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] Styling COL and COLGROUP
Thanks, Eric. It was just so nice when I had stripped away a ton of code and had all these cells with no classes assigned or inline styling or anything (literally just: tdX/td, whereas the old version that somebody else coded looked like td align=center valign=middle bgcolor=E1E4E4span class=xX/span/td) and it worked, and worked beautifully, but only in IE. I'm tempted to keep my coding how it is now because they told me when I started here the usual thing: As long as it works in IE . . . Christian -Original Message- From: Eric A. Meyer [EMAIL PROTECTED] To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Thu, 10 Nov 2005 09:46:38 -0500 Subject: Re: [css-d] Styling COL and COLGROUP At 8:32 PM -0500 11/9/05, [EMAIL PROTECTED] wrote: So the only way to bold and center all the text in every cell of a particular column is to add those rules to every cell? (Sounds like bad coding to me.) Or to pretend that they are header cells when they aren't? (Sounds like bad coding to me.) No, though that is one way. The other way is to class all of the cells that share a column, and style via that class. A simple example: table tr td class=cityNew York/td td class=amnt$6,123/td /tr tr td class=cityBoston/td td class=amnt$5,627/td /tr tr td class=cityCleveland/td td class=amnt$7,111/td /tr tr td class=cityChicago/td td class=amnt$5,966/td /tr /table Now you can style each column uniquely. Yes, the city names could probably be th element with scope=row, and then you could dump all the class names for this example, but pretend it's a table with more than two columns. Also, the markup there isn't very accessible, but it's good enough to illustrate the point I'm making. I hope. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) ___ 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] problem with absolute positioning/floating
John Guchemand wrote: Hello all. I have already looked on WIKI, and haven't found exactly what I am looking for. Having said that, I'm sure I'm not the first to have this issue, and I am very curious to know if any of you have experienced the same thing. What I am getting at is the following: http://www.guchdesign.com/popTest/popPort.html http://www.guchdesign.com/popTest/popPort.css As you can see, the #content stretches all the way to the bottom of the screen. It has attached itself to the bottom of the screen, but I don't want that. I would like to place the #copyright underneath the #content, but I can't seem to get any space under the #content. Hi John, I'm not too sure I understand what your problem is. You say the #content attaches itself to the bottom of the screen but I don't see that happening here. The only problem I see is that #copyright is lost in the middle of the #content div. I'd advise you to use the floats as you suggested but change #content's float from right to left and then control the spacing with padding or margins. Hope this helps. Sorry if it doesn't answer your question. AD -- [EMAIL PROTECTED] www.adrianocastro.net __ 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] Styling COL and COLGROUP
Thanks, Eric. It was just so nice when I had stripped away a ton of code and had all these cells with no classes assigned or inline styling or anything (literally just: tdX/td, whereas the old version that somebody else coded looked like td align=center valign=middle bgcolor=E1E4E4span class=xX/span/td) and it worked, and worked beautifully, but only in IE. I'm tempted to keep my coding how it is now because they told me when I started here the usual thing: As long as it works in IE . . . Christian No need to be defeatist :-) I think the relevant point is that all the crufty bits in the example you give (align attributes, extra spans, and so on) were muddying the markup with stuff that was there purely for presentation, which is what you're trying to get away from; whereas Eric's suggestion: table tr td class=cityNew York/td td class=amnt$6,123/td /tr snipped for brevity / is, if anything, _adding_ semantic information to the markup, which is as it should be. As Albert Einstein said in his early career as a web developer, Markup should be as simple as possible, but no simpler. The extra classes have relevant names, so you shouldn't feel that they are obstructing your quest for purity. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] Styling COL and COLGROUP
The extra classes have relevant names, so you shouldn't feel that they are obstructing your quest for purity. I think the problem posed is that *every* td has the same thing, the same thing, the same thing, so why should a class have to specified 40 times (number pulled from a hat) to style this one type of td? Now, if only one city td needed to be special, a class there would be different. For example, the city currently displayed on the page or in a little window would be bolded and made bigger. However, copy/pasting 'class=city' 40 times doesn't feel like a good programming practice, because we already know it's a city. It's the same dang thing 40 times. Making a colgroup for this city *one* time and being done with it is the intuitive thing to do, but since it doesn't work... problem. I think until the inheritance issue with colgroup is figured out, this will always be an issue. The instinctive reaction to colgroup and what it *should* do will bring up the restricting 4 properties limit as many times as there are people who see there is even a colgroup to begin with. :) My 2 cents, at least! __ 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] problem with absolute positioning/floating
Hello AD, Hi John, I'm not too sure I understand what your problem is. You say the #content attaches itself to the bottom of the screen but I don't see that happening here. Really? That is odd. On every system I have tested it appears like I said - with the content div extending all the way to the bottom of the screen, leaving no room for anything below it. I have even tried to create another div below (outside of the wrapper), and I still get no room under the content div. What browser/sys are you using? The only problem I see is that #copyright is lost in the middle of the #content div. The #copyright is lost in the middle right now as a temporary thing. I know I have to fix that. As soon as I find some room under the content, I'll stick the copyright there. I'd advise you to use the floats as you suggested but change #content's float from right to left and then control the spacing with padding or margins. Yes! I want very much to use floats. I have tried to control the spacing using margins and padding, and the #content still slips under the #menu - not only in IE, but in Firefox too. Any other suggestions? Hope this helps. Sorry if it doesn't answer your question. Thank you for your advice. Cheers, John __ 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] Styling COL and COLGROUP
Thursday, November 10, 2005, 1:27:55 PM, CJ Larson wrote:
Making a colgroup for this city *one* time and being done with it is the
intuitive thing to do, but since it doesn't work... problem.
Have you tried it?
http://css-discuss.incutio.com/?page=StylingColumns (Combination method)
table id=cities
colgroup
col class=city
col class=population
/colgroup
...
/table
#cities td:first-child + td {
/* styles */
}
#cities .population {
/* styles */
}
Steve
--
http://mrclay.org/ : http://thefrenchhorns.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] Project Timeline
Hi, Again, I know this is off topic (although I will use CSS to display the timeline...) - but has anyone used a website project timeline for any of their clients? I've been trying to find an example of one on the Net, but just can't find anything relevant. I'm looking for something I can display graphically - but in text too (for accessibility of course!), it will also need to be printable. I'm putting something together myself, but I'm worried I might miss something important off! I'm off to meet a (potential) new client tomorrow afternoon... hate this part of it all... the shmoozing, the quoting... arrgh! but am trying to look professional, with a folder of papers I can hand out - thought a very sketchy timeline/plan might make me look organised! Plus I'll use the actual finished timeline to help quote for future projects. Please contact me off list, so I don't irritate the Admins. Cheers, Tracy __ 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] problem with absolute positioning/floating
I'm not too sure I understand what your problem is. You say the #content attaches itself to the bottom of the screen but I don't see that happening here. Really? That is odd. On every system I have tested it appears like I said - with the content div extending all the way to the bottom of the screen, leaving no room for anything below it. I have even tried to create another div below (outside of the wrapper), and I still get no room under the content div. What browser/sys are you using? I'm on a Windows machine and am using Mozilla 1.7.12, Firefox 1.5 RC1, IE6 and Opera 8.5. They all render the page correctly - or so I think. Maybe I just don't understand what you mean by div extending all the way to the bottom of the screen Here are some screenshots: + http://dev.adrianocastro.net/help/0005/ I'd advise you to use the floats as you suggested but change #content's float from right to left and then control the spacing with padding or margins. Yes! I want very much to use floats. I have tried to control the spacing using margins and padding, and the #content still slips under the #menu - not only in IE, but in Firefox too. Any other suggestions? Check this out: + http://dev.adrianocastro.net/help/0005/0005.html I ran your markup through Tidy and commented all the changes I made to your CSS. I commented the stage_wrapper div out. The page now validates as XHTML 1.0 Strict. W3C's CSS validator [1] indicates you have some issues with colours. 1. http://jigsaw.w3.org/css-validator/ Hope it helps. -- [EMAIL PROTECTED] www.adrianocastro.net __ 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] Styling COL and COLGROUP
Drawback is colgroup is only supported by IE and limited to width,
border, background and visibility styles. (I know the original poster
was designing for IE, but still...)
I think Eric Meyer had the right idea. I wouldn't advise using
adjacent sibling selectors. It's not very efficient.
Ideally, colgroup will be better supported in the future because it
would be invaluable for implementing online financials for
corporations in a quarterly statement, for example.
--dk
On Thu, 10 Nov 2005, Steve Clay wrote:
Have you tried it?
http://css-discuss.incutio.com/?page=StylingColumns (Combination method)
table id=cities
colgroup
col class=city
col class=population
/colgroup
...
/table
#cities td:first-child + td {
/* styles */
}
#cities .population {
/* styles */
}
__
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] ADMIN: Project Timeline
At 6:34 PM + 11/10/05, Tracy Shorrock wrote: Please contact me off list, so I don't irritate the Admins. Too late, although people should indeed contact you off list if they're going to insist on encouraging that sort of behavior. If you post an off-topic message, that's irritating enough, but to do it consciously is triply irritating because it means you're aware that you're abusing the community's purpose and are willing to do it anyway. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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] Matching column heights in a complexish layout
Found a very good tutorial online [1]. Managed to get it working for IE but Mozilla doesn't adjust the height of the container div. I'm a bit lost here. I think my problem is the one defined on PIE's How To Clear Floats Without Structural Markup [2] but having tried the proposed solutions I still can't get it to work. Ideas? 1. http://css.maxdesign.com.au/floatutorial/ 2. http://www.positioniseverything.net/easyclearing.html Here's what I currently have: Markup: + http://dev.adrianocastro.net/help/0004/0004.a.html CSS: + http://dev.adrianocastro.net/help/0004/0004.a.css If you can, I could use a hand. Regards, AD -- [EMAIL PROTECTED] www.adrianocastro.net __ 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] Styling COL and COLGROUP
CJ Larson wrote: I think the problem posed is that *every* td has the same thing, the same thing, the same thing, so why should a class have to specified 40 times (number pulled from a hat) to style this one type of td? Now, if only one city td needed to be special, a class there would be different. For example, the city currently displayed on the page or in a little window would be bolded and made bigger. However, copy/pasting 'class=city' 40 times doesn't feel like a good programming practice, because we already know it's a city. It's the same dang thing 40 times. Making a colgroup for this city *one* time and being done with it is the intuitive thing to do, but since it doesn't work... 'problem.' Exactly. You're right about every cell having the same thing. They are either empty or simply have an 'X' in them (and it is all appropriate content . . . even in the cases of emptiness). http://www.gateway.com/dw/video_card.shtml If you can add styling to a whole row you should be able to add styling to a whole column and assign semantic meaning to that column (and therefore all of its associated cells) exactly once. ___ 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] Styling COL and COLGROUP
Have you tried it? http://css-discuss.incutio.com/?page=StylingColumns (Combination method) (Sorry you get this twice Steve; I sent it off list accidentally the first time.) I was referring to colgroup as specified in the original post, not work-around methods (that consequently don't work in IE). Thank you for pointing the page out, however, since it might help the original poster. Now consider the following scenario: I have a feature table in which I have 5 total columns: ID, Name, Description, Cost, and Activated. On my main feature page, I wish to display the Name, Desc, and Cost fields in that order. On my manage your features page, I wish to display the Name, Description, and Activated fields in that order. On my shopping cart page, I wish to display the Name and Cost fields in that order. Using the method you linked to, I will need to style all tables completely separate in my CSS. Using what most people think to be what colgroup should be, I would only have 1 colgroup per field, and simply omit or add a colgroup when I display certain columns. Easy! (but currently not possible) This isn't a particularly specific example, but this is the spot I find my own self stuck in with my work environment restrictions. To get around this, I have to specify classes in each td I wish to style as a colgroup. I understand exactly the frustration Christianz is experiencing, and hopefully the scenario helped you see a narrowed use for the wiki's example. :) Note: I'm not saying the wiki example is bad! Please don't start arguing with me about that, because I definitely for-100%-sure am NOT saying that. I'm just saying not everyone has the luxury of having the exact same styling needs in the exact same order on every table, which is where being able to style colgroups more would be invaluable. __ 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] Styling COL and COLGROUP
Thursday, November 10, 2005, 1:59:25 PM, Dan Kletter wrote: Drawback is colgroup is only supported by IE and limited to width, border, background and visibility styles. Thanks to it's non-standard layout engine IE doesn't have these limitations on styling via COL. Nor do CSS2 browsers styling via adjacent siblings. adjacent sibling selectors. It's not very efficient. How is it inefficient besides having to know which column you're styling when you're writing the CSS? There are plenty of cases where you need to know markup structure to style it. This is another one. Ideally, colgroup will be better supported in the future True, but we'll probably be waiting quite some time. In the meantime... OT! the easy solution to all this would be a Javascript that copies the COL classNames to the cells, somehow dealing with spanned columns and rows. Someone knock that out...but post it on another list ;) Steve -- http://mrclay.org/ : http://thefrenchhorns.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] dropdowns appear on top of div
so I am having a problem and I can't post an example right now cause i am
behind a firewall. I have a very simple hide/show javascript popup.
the popup is suposed to appear payed over on top of a form. however in ie 6
for pc the dropdowns appear on top of the poup, the input fields do not.
here is the css for the popup:
#popup {width:340px; height: 300px; background-color: #fff; display: none;
position: absolute; top: 10px; right: 3%; margin-top: 50%; margin-left:80%;
z-index:1}
obviously the javascript toggles the display property.
__
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] Problems with tables
I have a problem with table. The thing is when I have a long text the table is redimensioned and deform all my siet. Exists a way to fix this using CSS ? Something like TD maxwith? Cheers __ 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] External CSS for large, design-heavy Web apps
I'm looking for some best practices information on setting up external style sheet(s) for a large web site that has highly variable design elements from section to section. Specifically, I am thinking about separating the CSS aspects controlling layout (DIV margins, padding, etc) and display (font-families, colors, etc.). This is a pretty straightforward use of CSS, although I imagine there are still optimal ways to go about doing this. But for this application (www.engage.com http://www.engage.com/ ) there are a large number of design elements, each of which is currently controlled by very specific sets of entries in one of the CSS docs. (This site's CSS is a mess right now, with inline and external styles. It's been handled by a number of different people, which doesn't help.) If anyone can recommend a good article, or site devoted to this topic, I would be much obliged. Unfortunately, I'm new to this list, so I haven't had an opportunity to read along with any existing discussions. Thanks, Troy __ 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] layout does not work the same in NS and IE
Thomas French wrote: A lesser question is: Is there any way to get some similar to work in NS 4.7? http://pws.cablespeed.com/~tom.french/example1.html Sure, but you need to decide what degree of support you want to include for NN 4.7. Does the site need to look the same, or does it need to work? If it really truly needs to look the same, I recommend you use a table layout and style its content with CSS, and get ready for some headaches. If it just needs to work and be accessible to NN 4.7 users, I recommend you hide your styles from it using @import, perhaps with a *very* simple sheet served to it via link just to style text. See the wiki for methods of hiding CSS from NN 4.x and for links to some layouts that work with NN 4.x. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Picture disappears in IE - take a look, what do I need to reset
http://www.goldkeyhomeinspections.com/test/ What should I set differently so my picture changer works in IE - the picture is there it is just not showing up. I am sure it is some small thing that I am forgetting. Thanks, Carol F. Swinehart __ 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] Way to select last child?
I'm using XHTML 1.1 and I'd really like to have a construct like this:
#info *:last-child {margin-bottom: 0px; }
to set the bottom margin of the last element in the #info container to 0.
I seem to recall that lastChild is a valid entity in the W3C DOM, but
I'm having a devil of a time looking up to see if it is actually a
valid CSS selector or not. Does anyone know? I know
:first-child is, but what about :last-child ?
Incidentally, :last-child seems to work in Firefox.
And, as a second question, does anyone know a good way/trick/hack to
select the last element of a container that works in most of the
major browsers today?
Thanks,
Chris Perkins
Media Lab, Inc.
http://www.medialab.com/sitegrinder (Photoshop to XHTML 1.1 CSS, no slicing)
__
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] Styling COL and COLGROUP
It's possible, and pretty simple. You just use the solution from the wiki, where you style the COL and IE picks it up, and use adjacent siblings for standards-complient browsers. This is what I'm trying to avoid, since I would rather not style for individual browsers, which means it would be not-simple to me. I'm all for hacking the dead, I love CSS, and I use it as much as possible, but when it means keeping separate styling in very different ways all over the place for each browser, I don't have the patience (personal flaw) nor time (dang deadlines) to keep up with all of that. [Giving the tables individual names would be possible for me, but giving the body tag a class would not in my personal situation, as I'm using asp.net and master pages. To be more technically correct, I could use code behind to set a class on the body depending on what the page's file name was or some such way, but this would be a hassle for me to set up for no real purpose. Plus keep in mind here that my shopping cart displays on the side (or bottom depending on what layout is chosen) of the main section, which would potentially have both of the other tables on it (though not at the same time, of course), which the body-class method wouldn't cover.] It's a little bit more CSS, but it gets the job done without wading into the conceptual impossibility that is trying to force table cells to inherit from a COL or COLGROUP. Or I could get the job done the stinky, effective, and cross-browser compatible way and not mess with clunky CSS tricks to force table cells to behave the same in different browsers by different means. :) Please understand that I'm not knocking the suggestion as one that's not feasible or useful, but it would create a larger manageability curve that I personally would prefer not to climb, even if I had the time. Respectfully, ~ cj __ 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] Picture disappears in IE - take a look, what do I need to reset
Carol F. Swinehart wrote:
http://www.goldkeyhomeinspections.com/test/
What should I set differently so my picture changer works in IE - the
picture is there it is just not showing up.
It's an IE/win bug :-)
Try adding 'position: relative;' to the image in question, to force
IE/win to display it.
p a img {position: relative;}
...will do in your case.
Advice: clean up the source-code a bit, so it's more in line with the
declared 'XHTML 1.0 Strict' doctype, and use CSS for _all_ styling.
That includes using CSS 'float: right' instead of attribute
'align=right'on the image, and closing the element properly.
P ALIGN=left should be replaced with CSS 'text-align:left' (if needed
at all since 'left' is the default), and element-names be written in
lowercase.
regards
Georg
--
http://www.gunlaug.no
__
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] is this a valid hack for safari only??
On Nov 9, 2005, at 12:33 PM, Allison Bloodworth wrote:
What is the hack for the safari oversized background-repeat bug? I
seem to
be having this problem right now. I found this URL referred to on
another
page (http://www.holovaty.com/blog/archive/2003/01/09/2152), but
apparently
he doesn't want us to use this hack anymore because it's been removed:
http://diveintomark.org/safari/csshacks/safari-spacer-hack.html.
This describes that hack. It only worked on beta versions.
http://www.dithered.com/css_filters/css_only/safari_spacer_hack.html
The oversized background-repeat bug (don't know if anyone's formally
described/named it) involves Safari failing to recognize no-repeat on
background images that are larger than the area they cover. Because
they are larger, and no-repeat is desired, you would only see this in
cases where you shift the position of the background off the edge,
and so it starts to repeat with an offset. (My Bivia homepage http://
www.bivia.com illustrates this bug nicely, since it uses a rather
outdated technique of overlaping backgrounds to give the appearance
of translucency -- very state-of-the-art in 2001!)
The best thing to do with Safari is re-code to avoid the need for a
hack. That said, the original poster gave a hack that works on all
current versions of Safari (AFAIK):
html* your_regular_selector { /* styles */ }
I believe the source of this is here:
http://www.stormdetector.com/hacks/safarihack.html
It's not a very good hack, because it isn't valid and isn't future
compatible, since it Hacks The Living(tm). You should only Hack The
Dead, so you know the hack won't have unintended consequences as new
versions get released. Something I explored but never finished up and
published that may be considered a Dead-Safari hack uses case
sensitivity:
http://www.bivia.com/sandbox/safari-hack/
This page tries three variations on a case-sensitivity hack, and the
Basic and Child versions no longer get applied by Safari 2.0.x or
1.3.x. (The Alternate version does still Hack The Living, and so is a
Bad Thing.) View the source to see how it works (note: the case of
the CSS declaration does not match the case of the HTML class value),
but if your problem is the current versions of Safari then it won't
help much without causing more problems later.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
__
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] Faux Column Method Question
Hi, I have read the article on Alistapart.com by Dan, and understand how his method works. I wanted advice on the best way to create the background image, including getting the measurements right when using percentages.(I don't presently have photoshop!). I am developing my personal page with a centered wrapper, and wanted advice on this as well. Is it better to have a fixed width of say 760px or to use percentages to set the margin to say 10% on the left and right. I would appreciate any tips and advice. Thanks in advance! -Zach Byrd __ Yahoo! FareChase: Search multiple travel sites in one click. http://farechase.yahoo.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] Faux Column Method Question
Is it better to have a fixed width of say 760px or to use percentages to set the margin to say 10% on the left and right. I would appreciate any tips and advice. Thanks in advance! -Zach Byrd Faux columns are ideal for fixed width layouts, such as 760 px. They are very hard to use on fluid width layouts, unless the layout has max-width implemented. If you are not used to working with fluid layouts in CSS, learn the method first with a fixed layout and then we can talk about the creative solutions for dealing with percentages. For faux columns you can just have an image that is one pixel high and as wide as your container. It's very important to remember to make sure that your text is still legible without the background image(s), so make sure you have good background color fallback for your columns. Then set the image as the background with repeat-y and you should be done. -- -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] External CSS for large, design-heavy Web apps
Afternoon Troy You wrote I'm looking for some best practices information on setting up external style sheet(s) for a large web site that has highly variable design elements from section to section. snipped If anyone can recommend a good article, or site devoted to this topic, I would be much obliged. Unfortunately, I'm new to this list, so I haven't had an opportunity to read along with any existing discussions. Thanks, Troy There is some great information to be found in the list wiki [1] Welcome to the list. [1] http://css-discuss.incutio.com/?page=MaintainableCss hth Jim Nannery owner - www.redfernenterprises.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] layout does not work the same in NS and IE
Thomas French wrote: I am new to CSS and am having trouble getting css to work consistently in different browsers. A lesser question is: Is there any way to get some similar to work in NS 4.7? Hi Thomas, This may help you address specific browsers issues while keeping your stylesheets plain and simple (CSS filters free): http://www.tjkdesign.com/articles/branching.asp As Zoe suggested already, the wiki contains CSS layouts that are NN4 compatible. Thierry | www.TJKDesign.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] Matching column heights in a complexish layout
Adriano Castro wrote:
but Mozilla doesn't adjust the height of the container div. I'm a bit
lost here.
I think my problem is the one defined on PIE's How To Clear Floats
Without Structural Markup [2] but having tried the proposed solutions I
still can't get it to work.
Ideas?
2. http://www.positioniseverything.net/easyclearing.html
Adriano,
Simply lose the height settings (as Zoe's said) then add the CSS from
[2] (above), applying it to your div#container like so:
div#container {
width: 800px;
margin: 66px auto 0px auto;
padding: 33px 25px 33px 25px;
color: white;
background-color: #756F65;
}
div#container:after {
content: .;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#container {display: inline-table;}
/* Hides from IE-mac \*/
* html div#container {height: 1%;}
div#container {display: block;}
/* End hide from IE-mac */
regards,
Stuart
__
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] layout does not work the same in NS and IE
Jim, Inline solves the problem of a gap occurring when reducing the width but now when the width is reduced, the right div goes below the left div. I would like the right div to stay to the right of the left div, not below. The right div can scrunch up or go off the right side of the screen and not be displayed if the browser window is not wide enough. A common theme I am experiencing is fix one problem create another. I will give your recommended reading a good going over this weekend! Thank you Tom http://pws.cablespeed.com/~tom.french/example1.html -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jim Davis Sent: Wednesday, November 09, 2005 10:35 PM To: Thomas French Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] layout does not work the same in NS and IE Thomas, The to fix the IE double margin bug, in your block_1 div change display: block (which is not needed) to display: inline. To read more about this bug and many others read everything at: http://www.positioniseverything.net/ and on the wiki for this list: http://css-discuss.incutio.com/ Jim On 11/9/05, Thomas French [EMAIL PROTECTED] wrote: I am new to CSS and am having trouble getting css to work consistently in different browsers. __ 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/
Re: [css-d] Disappearing nav image - FIXED
Ok so this didn't turn out to be an CSS problem after all, but I've already posted the problem here, and it certainly _looked_ like a CSS problem at first, so here's what it was: Norton Ad Blocker on the client's machine (and perhaps some other Net Nanny type progs do the same) was removing the entire IMG tag from my source before it got to the user's browser - hence the disappearing image. There are probably many things Norton may look for in an image, but in my case it was the image dimensions - to fix it I just made the image 1px wider. I hope this helps anyone else who may find that images vanish from their websites for no apparent reason. Thanks to Charles Dort for his help testing this. - Original Message - From: Dan Searle [EMAIL PROTECTED] To: css-discuss css-d@lists.css-discuss.org Sent: Wednesday, November 09, 2005 6:16 PM Subject: [css-d] Disappearing nav image OK Charles Dort has shown me that my nav image disappears both in Firefox and IE6, and also on a normal screen, not just widescreens. (See my other thread: IE6, Widescreens and vanishing images). So I guess I need to look for another reason why the right most nav item disappears for some users - I can't get it to happen here though. Does it disappear for anyone else? www ichameleon-dev6 co uk/page/en/312/0/5/what+we+have+learned.html (Sorry you'll have to rebuild the URL yourselves) This is a screen shot to compare - here the nav item has vanished - http://www.danwasthere.com/screenshots/esf_screenshot_2.jpg Does anyone know what might cause this? And even better - how I might try to fix it? It's a bit tough to track down when it works for me! Cheers, Dan __ 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] Doesn't Opera like nested floats?
Hi, I've Googled around and searched the CSS-d archive and can't find an answer to this-thanks in advance for any help anyone can provide me. I am having problems with some spans that are floated left in a container div that is floated right in Opera 8.5: http://eberkeley-dev.vcbf.berkeley.edu/ver10ajb/. (The reason I used spans inside the div is because Safari had problems with divs inside the div.) In Opera the Search label, Search box, and GO button are all pushed way to the right, one under the other, resulting in some of them ending up outside the page margins. This layout works fine in IE5.x/Win, IE6/Win, IE5/Mac, Safari 1.3 (though there is a small problem with the yellow background being too large), Mozilla 1.7, Netscape 8.0. Though I could have just floated all the elements right without a container, I did it this way so that the search elements appear in the code in the right order so that screen readers would get the elements in the proper order (they would have to appear in backwards order for that to work). If I add display: table to the container div it fixes the problem in Opera, but the entire container div disappears in Safari. Additionally, when this is done the GO button drops down in Mozilla Netscape, though when you refresh the page (or look at it any of the other pages of the site in the same window after the refresh), it looks correct. Thanks for any help you can give me, Allison Bloodworth Principal Administrative Analyst e-Berkeley Program Office University of California, Berkeley (415) 377-8243 [EMAIL PROTECTED] __ 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] Doesn't Opera like nested floats?
Allison Bloodworth wrote:
I am having problems with some spans that are floated left in a
container div that is floated right in Opera 8.5:
http://eberkeley-dev.vcbf.berkeley.edu/ver10ajb/.
Opera had a problem that was related to width on floats, or rather
_lack of_ width. The nesting in itself is not a problem.
This is improved in Op9.0prev1.
If I add display: table to the container div it fixes the problem in
Opera, but the entire container div disappears in Safari.
Safari has its own bugs :-) and flawless support for 'display: table' is
still not where it should be in most browsers.
Temporary fix for Op8.5:
@media screen and (min-width: 0px){
#search {
display: table;
}
}
...which won't create any problems in later Opera-versions.
regards
Georg
--
http://www.gunlaug.no
__
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] layout does not work the same in NS and IE
Thomas French wrote: I would like the right div to stay to the right of the left div, not below. The right div can scrunch up or go off the right side of the screen and not be displayed if the browser window is not wide enough. We usually apply a 'min-width' hack to IE/win to fix that problem. Depends on 'mode' (Strict/Quirk) which one you might be able to use. You may find something useful here: http://www.cssplay.co.uk/boxes/minwidth.html and here: http://www.svendtofte.com/code/max_width_in_ie/ A common theme I am experiencing is fix one problem create another. Most problems are related to IE/win these days. Just have a look at all the bugs and lack of standard-support that the IE-team have to fix for the next version (IE7), and you'll get a good picture of our daily struggle :-) We fully recognize that IE is behind the game today in CSS support. -- http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx regards Georg -- http://www.gunlaug.no __ 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] Absolute Positioning or Float?
Hi, I am working on a personal page that will serve as a portfolio page and contact website. It will be in two-column format. I have read advantages for both, but was seeking advice on should I use absolute positioning or floating? (or does it matter?) I appreciate any insight on this topic! Thanks, Zach Byrd __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] Aligning List Of Name:Value Pairs On Colon
Hi Curious, Firstly, correction to dd style, add margin-left:10.25em; Secondly, the semantics dtMarge/dt ddHomer's wife/dd Your example would define the other way around, wouldn't it? I believe your original requirement of name: value fits the example by Chris above, and does not swap the items around. To expand on the example, additional dds could be appended, eg: dl dtHomer/dt ddMarge's layabout husband/dd ddBart's dad/dd ddSpringfields second biggest consumer of Duff/dd dtMarge/dt ddHomer's wife/dd ddLisa's mum/dd ddSpringfields biggest user of blue hair dye/dd /dl And the reason that these fit more elegantly than a table? Compare the code above to a table below (which really should also should include thead, tbody and col id's), it it just so much more concise and no blank cells. Furthermore, when read by a screenreader the relationships become self evident. table tr tdHomer/td tdMarge's layabout husband/td /trtr td/td tdBart's dad/td /trtr td/td tdSpringfields second biggest consumer of Duff/td /trtr tdMarge/td /trtr td/td tdHomer's wife/td /trtr td/td tdLisa's mum/td /trtr td/td tdSpringfields biggest user of blue hair dye/td /tr /table Graham Cook www.uaoz.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] Highlighting text
I tried setting the z-index style of the span to -1, but on Firefox, this
completely hides the span behind the pre.
I tried setting the span opacity's to 0.5,, but that makes both the text
and
the span blurred.
Can someone suggest a way to accomplish that on all browsers?
Change your css as below.
pre { padding: 0; margin: 0;position: absolute;z-index:3; }
#comment1 {
position: absolute;
background-color: #00;
top: 19px;
left: 81px;
width: 76px;
height: 15px;
z-index: 1;
}
Regards
Graham Cook
www.uaoz.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] Doesn't Opera like nested floats?
On Fri, 11 Nov 2005 10:17:47 +0800, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Allison Bloodworth wrote: I am having problems with some spans that are floated left in a container div that is floated right in Opera 8.5: http://eberkeley-dev.vcbf.berkeley.edu/ver10ajb/. Opera had a problem that was related to width on floats, or rather _lack of_ width. The nesting in itself is not a problem. That's a bug in the later version 7 Operas. It was fixed in v8 - and the page in question looks fine in my Opera 8.5/win ... just checked in 8.0/win - that's good too. Perhaps the 8.5 was a typo for 7.5, in which case specifying widths on the floats would fix the problem. The media query workaround will work too, unless sometime in the future Safari gets media query support before display:table is fixed! display:inline-block may work too, but would need testing, especially in IE. -- Andrew Gregory, URL: mailto:[EMAIL PROTECTED] URL: http://www.scss.com.au/family/andrew/ __ 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] Absolute Positioning or Float?
Hi, I am working on a personal page that will serve as a portfolio page and contact website. It will be in two-column format. I have read advantages for both, but was seeking advice on should I use absolute positioning or floating? (or does it matter?) I appreciate any insight on this topic! Absolute positioning makes you dependent on knowing what column will be the highest, with floats you don't need that knowledge. On the other hand, absolute positioning seems to be better supported by real old browsers like NS4.x and Mac IE. Floating allows for more flexible layouts, IMHO. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.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/
Re: [css-d] Doesn't Opera like nested floats?
Andrew Gregory wrote: That's a bug in the later version 7 Operas. It was fixed in v8 - and the page in question looks fine in my Opera 8.5/win ... just checked in 8.0/win - that's good too. Perhaps the 8.5 was a typo for 7.5, in which case specifying widths on the floats would fix the problem. No typo. I tested it and found the buggy behavior in Opera 8.5, but I had to download a copy and run it locally to make the bug appear. Not a very serious bug on a live page, I would guess. The media query workaround will work too, unless sometime in the future Safari gets media query support before display:table is fixed! That's why I called it a Temporary fix for Op8.5. Should be deleted once Opera 9+ has taken over. Other 'display' variations didn't work. Georg -- http://www.gunlaug.no __ 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/
