[css-d] Opera problem with footer
Hi all,
I have a problem on a client's site at the address http://www.tecnicaed.it.
The footer has a div.logo-footer which has these properties:
#footer .logo-footer {
width: 196px;
float: left;
margin-left: 12px;
margin-top: -12px;
position: absolute;
top: 50%;
}
The intention is to make it always be in the middle height of the footer,
even if a user increase the font-size properties of the browser (I tested it
using 16px).
This simple solution works for IE7 6, FF3.0.5, Chrome 1.0.154.46 and
Safari 3.1.2, all of them on WinXP SP3.
But in Opera 9.61 it does not work: the .logo-footer is position at the top
and half cut.
Could someone tell me why?
Thanks in advance.
--
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
css-discuss [cs...@lists.css-discuss.org]
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] stacking obscuring links in IE6
Debbie Campbell wrote:
I'm having what I think is a stacking issue in IE6 - the menu links on
the left are not clickable, except for 'Contact.' But I can't see the
problem - can someone help? Greatly appreciated.
http://www.vicschendel.com/portfolio.php
David Laakso wrote:
Does adding width trigger hasLayout [1] on your end in IE/6 ?
#navlist li a, #navlist li a:link, #navlist li a:visited {width: 160px;}
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
Unfortunately no, adding a width to the links didn't help. I'm going
through this test page below, removing all other elements to see if I
can narrow down the issue, but I spent 3 hours doing this on Friday and
that didn't result in anything usable. Your help is greatly appreciated!
http://localhost/vicschendel/test.php
__
css-discuss [cs...@lists.css-discuss.org]
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] stacking obscuring links in IE6
David Laakso wrote:
Debbie Campbell wrote:
I'm having what I think is a stacking issue in IE6 - the menu links on
the left are not clickable, except for 'Contact.' But I can't see the
problem - can someone help? Greatly appreciated.
http://www.vicschendel.com/portfolio.php
Does adding width trigger hasLayout [1] on your end in IE/6 ?
#navlist li a, #navlist li a:link, #navlist li a:visited {width: 160px;}
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
I found that if I give the sidebar background-image: none; or a solid
color rather than the transparent background image, then all the links
are working. I can live with that for the time being.
--
Debbie
__
css-discuss [cs...@lists.css-discuss.org]
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/
[css-d] Setting font-size on body element
Hello, I usually specify font-size on the body as 1em, and then, as the main text of the page has to be 12px, I have to declare each p, li, etc. to be .75em. I've been told to put that value (.75em) right on the body, so I won't need to reduce font-size for every element that has to be 12px. I don't know which of those options is better, and why. I'd like to know your opinion about it. Thank you. __ css-discuss [cs...@lists.css-discuss.org] 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] Opera problem with footer
Cristian Palmas wrote: I have a problem on a client's site at the address http://www.tecnicaed.it. But in Opera 9.61 it does not work: the .logo-footer is position at the top and half cut. Send link to the relevant stylesheet, as I can't find the styles you, or Opera, have problems with. These styles may have disappeared somewhere in the Parse Error the validator reports about, and Opera seems to lose them too. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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] Setting font-size on body element
Bernat Lleonart wrote: I usually specify font-size on the body as 1em, Due to browser bugs, 100% is somewhat safer. and then, as the main text of the page has to be 12px, If it has to be 12px, CSS is not sufficient, since you cannot force anything in CSS. For example, a browser may have minimum font size set to some higher value. I have to declare each p, li, etc. to be .75em. If the copy text has to be 12px, then why don't you set it to 12px? If you set it to .75em, you normally get 75% of the browser's basic font size, which can be just anything. If you have nested lists, setting li element font size to .75em leads to trouble. I've been told to put that value (.75em) right on the body, so I won't need to reduce font-size for every element that has to be 12px. Again, if it has to be 12px, why don't you set it to 12px? (There are many of us who would say that it has to be 12px is based on a wrong analysis, but that's a different issue and tends to lead to endless debates.) -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [cs...@lists.css-discuss.org] 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] Setting font-size on body element
On Sat, 31 Jan 2009 17:14:06 +0100, Bernat Lleonart wrote: Hello, I usually specify font-size on the body as 1em, and then, as the main text of the page has to be 12px, I have to declare each p, li, etc. to be .75em. I've been told to put that value (.75em) right on the body, so I won't need to reduce font-size for every element that has to be 12px. Re: EM size base font-size and IE: http://www.gunlaug.no/contents/wd_additions_13.html Re: Base font size less than 100%: http://www.gunlaug.no/contents/wd_1_03_04.html Hope this helps. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] 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] Setting font-size on body element
Bernat Lleonart wrote: I don't know which of those options is better, and why. I'd like to know your opinion about it. It is up to you where you declare font-sizes, but the base font-size should be in percentage rather than in em. Otherwise you'll trigger the em font-resizing bug in those browsers... http://www.gunlaug.no/contents/wd_additions_13.html No matter where you declare font-size, it'll be affected by browsers' 'minimum font size', 'ignore font size' and regular font resizing, so just make sure your creation survives enough of that to be usable. FWIW: a font-size of 12px will be overridden by all browsers at my end, simply because I don't like font-sizes that make text too small to read with ease. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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] Setting font-size on body element
Bernat Lleonart wrote:
Hello,
I usually specify font-size on the body as 1em, and then, as the main
text of the page has to be 12px, I have to declare each p, li, etc. to
be .75em.
I've been told to put that value (.75em) right on the body, so I won't
need to reduce font-size for every element that has to be 12px.
I don't know which of those options is better, and why. I'd like to
know your opinion about it.
Thank you.
When using em for font-setting it is very important to set percent on
html in order to cure a bug in the IEs. Without percent set on html, the
fonts will go totally goofy when scaled.
1em on the body is user default and it may best to leave and honor that
and not mess with it. Then target individual selectors as you see fit
(as you've been doing). Although some of us prefer to let the primary
content p inherit default (1em) from the body declaration (in other
words the attempt is not to tamper with the users reading preference).
So using em your style sheet would read:
html {font-size: 100%;} /*user default*/
body {font-size: 1em;} /*user default*/
And target individual selectors with the em value you wish throughout
the remainder of the style sheet.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [cs...@lists.css-discuss.org]
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] getting lists to align right in ie7
Sandy wrote: hey all, there is a problem I hope you can help with - I am pretty much at the end of my rope. Same here. :-) I have a page where I would like some things to line up on the right, and it's working in the browsers I've tested except for IE6 and 7. I've got it more or less looking right in 7, if you don't look too closely. To get the two lists in the menu to align right, I have an ie7 specific style which reads http://www.caut.ca/ugfa/test/test3.html Getting the links to read in the correct order in IE 6/7 ain't easy. One way to do it (I wish I knew the other way) is to use absolute positioning shudder. The difficult part is trying to hold the whole thing together with at least a little text-scaling... Too many changes to the CSS and the markup to write them all down. Please see the files: http://www.chelseacreekstudio.com/ca/cssd/ug.htm http://www.chelseacreekstudio.com/ca/cssd/ug_files/test3000.css hth -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] width of scrollable table
Philippe Wittenbergh wrote: On Jan 31, 2009, at 12:33 PM, Jim Albert wrote: http://www6.netrition.com/scroll_table_within_table.html Here I've placed that same scrolling table within a cell of an outer table. Notice that no scrolling appears. This behavior occurs in Firefox, IE and Safari. Only in Opera do I see the rendering that I would like. Opera sees that that middle cell of images is within a scrolling area and does not render the table with enough room for all the images. What I think is happening is that Firefox, IE and Safari are first determining table size based on the contents and determines it needs a lot of width to display all those images. It then assigns 100% of that very wide 2nd cell which is the table of images for scrolling. But since enough space was rendered to display all the images, no scrolling is necessary. That is the expected behaviour actually, given what css2.1 has to say on tables with 'table-layout:auto;' applied (the default behaviour). I tried assigning widths to the 1st and 3rd outer cells. However, that has no affect, the table is still rendered large enough to display all the images at once. I don't want to assign widths, anyway. If you insist on using a table for the outer layout, you'll have to assign a width to those two cells (you can set it to be a percentage width, though). Then, to insure control over that scrolling object, you have to set the (outer) table to table-layout:fixed and give it a width (e.g. 100%;). Yes... I was able to follow your suggestion and produce a workable example at: http://www6.netrition.com/scroll_table_within_table_fixed_layout.html It does do what I asked for and I thank you for your suggestion, but I'll admit I don't care for table-layout:fixed rendering. Depending on the content, there can be considerable occlusion when you start working in large images and nested tables. If the visitor has a large font set on a low resolution display, the result could be a pretty quick exit from that visitor. So... I suppose I don't insist on using an outer table. What would you suggest in terms of my most recent example at: http://www6.netrition.com/scroll_table_within_table_fixed_layout.html to remove the use of the outer table, but maintain 3 columns? Thank you for all your advice. -- Jim Albert __ css-discuss [cs...@lists.css-discuss.org] 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] getting lists to align right in ie7
Sandy wrote:
I have a page where I would like some things to line up on the right,
and it's working in the browsers I've tested except for IE6 and 7.
http://www.caut.ca/ugfa/test/test3.html
1: delete the mentioned IE-only styles.
2: replace existing styles for the relevant elements with the following...
.menu {
clear : both;
width : 780px;
margin-right : 10px;
font-size : .9em;
font-family : arial, sans-serif;
font-weight : normal;
letter-spacing : .03em;
background-color : transparent;
padding-top: 40px;
}
.menu ul {
padding : 0;
margin : 0;
clear : left;
color : #5d7e25;
text-align : right;
list-style-type : none;
background-color : transparent;
text-align: right;
}
.menu ul li {
display : inline;
}
...and all major browsers will agree (with you) on how to render it...
http://www.gunlaug.no/tos/alien/sandy/test_09_0131.html
The problems with IE7 and older are related to right-floats and
clearing bugs, so the solution is to avoid right-floats and rely on
'text-align' instead. Even IE supports that bit of CSS pretty flawless.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
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] a png not displaying!
2009/1/30 Ian Young i...@iyesolutions.co.uk ... http://www.dbadvertising.co.uk/dev/index-test.php All the pngs display in IE6 fine with exception of the address logo Style sheet is at /dev/includes/ie-fix.css and /style-new.css. for the filter, you have src='../images/Adress-top-3.png' but the correct path should be src='/dev/images/Adress-top-3.png' Ingo __ css-discuss [cs...@lists.css-discuss.org] 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] Opera problem with footer
hi,
i tried setting its container .content to 200px, and it worked.
it must be that opera sees the container to be 0 height when it tries
to position the .logo-footer.
so you need to give the container a height.
cheers,
virgil
http://www.jampmark.com
On Sat, Jan 31, 2009 at 10:18 PM, Cristian Palmas
cristian.pal...@gmail.com wrote:
Hi all,
I have a problem on a client's site at the address http://www.tecnicaed.it.
The footer has a div.logo-footer which has these properties:
#footer .logo-footer {
width: 196px;
float: left;
margin-left: 12px;
margin-top: -12px;
position: absolute;
top: 50%;
}
The intention is to make it always be in the middle height of the footer,
even if a user increase the font-size properties of the browser (I tested it
using 16px).
This simple solution works for IE7 6, FF3.0.5, Chrome 1.0.154.46 and
Safari 3.1.2, all of them on WinXP SP3.
But in Opera 9.61 it does not work: the .logo-footer is position at the top
and half cut.
Could someone tell me why?
Thanks in advance.
--
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
css-discuss [cs...@lists.css-discuss.org]
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/
