[css-d] list attributes not working on IE
Hi list: I'm working in this website: http://www.tiaftcolombia.com the site look great in firefox, but IE won't apply some attributes of the menu list, like the decimal-leading-zero attribute or the padding/margin. Can somebody tell me why is the IE behaving like this? Thanks :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list attributes not working on IE
On Sun, 10 Jun 2007, Powerpuff Kuma wrote: I'm working in this website: http://www.tiaftcolombia.com the site look great in firefox, but IE won't apply some attributes of the menu list, like the decimal-leading-zero attribute or the padding/margin. IE (even IE 7) has a somewhat limited support to list-style-type, so that e.g. decimal-leading-zero is not recognized. If you have problems with padding and margin in lists, then the reason is probably that different browsers have different default values for them. Browsers indent list items by default, but they do this in different ways. Thus, set both left margin and left padding for both li elements and lists (ul or ol elements), if you set one of them. -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox and Opera bug
Hi all, the .gw_aTab is not showing the same in size as in IE (the gain Gain a
unique insight into your industry part with the border around it and the uk
image). http://216.219.94.105/index1.cfm
The div .gw_aTab is not showing right in Opera and Firefox. In IE it is
perfect and can be seen at this screen grab:
http://216.219.94.105/lowres_grab_IE.jpg
At the moment it looks like this:
Firefox: http://216.219.94.105/lowres_grab_firefox.jpg
Opera: http://216.219.94.105/lowres_grab_opera.jpg
..gw_aTab { border-right: #e5e5e5 1px solid; padding-right: 5px; padding-left:
5px; padding-bottom: 0px; border-left: #e5e5e5 1px solid;
padding-top: 0px;
border-bottom: #e5e5e5 1px solid;
font-size: 11px;
font-family: tahoma, arial, sans-serif;
float:none;
height: auto
}
How do I sort this display error out in firefox and opera? Thank you for any
pointers
-
Luggage? GPS? Comic books?
Check out fitting gifts for grads at Yahoo! Search.
-
Get the free Yahoo! toolbar and rest assured with the added security of spyware
protection.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox and Opera bug?
Hi all, the .gw_aTab is not showing the same in size as in IE (the gain Gain a
unique insight into your industry part with the border around it and the uk
image). http://216.219.94.105/index1.cfm
The div .gw_aTab is not showing right in Opera and Firefox. In IE it is
perfect and can be seen at this screen grab:
http://216.219.94.105/lowres_grab_IE.jpg
At the moment it looks like this:
Firefox: http://216.219.94.105/lowres_grab_firefox.jpg
Opera: http://216.219.94.105/lowres_grab_opera.jpg
..gw_aTab { border-right: #e5e5e5 1px solid; padding-right: 5px; padding-left:
5px; padding-bottom: 0px; border-left: #e5e5e5 1px solid;
padding-top: 0px;
border-bottom: #e5e5e5 1px solid;
font-size: 11px;
font-family: tahoma, arial, sans-serif;
float:none;
height: auto
}
How do I sort this display error out in firefox and opera? Thank you for any
pointers
-
Boardwalk for $500? In 2007? Ha!
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox and Opera bug
On Jun 10, 2007, at 3:49 PM, trevor bayliss wrote:
Hi all, the .gw_aTab is not showing the same in size as in IE (the
gain Gain a unique insight into your industry part with the border
around it and the uk image). http://216.219.94.105/index1.cfm
The div .gw_aTab is not showing right in Opera and Firefox. In IE
it is perfect and can be seen at this screen grab: http://
216.219.94.105/lowres_grab_IE.jpg
Well, IE is _wrong_, as there isn't anything in there that should
make it expand that element.
Conclusion: you are debugging the wrong browser :-)
The solution is to add...
.gw_aTab {min-height: 190px;}
... and all good browsers should present it just fine. IE will be
saved by its own bugs - as usual.
regards
Georg
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox and Opera bug
Trevor,
On Jun 10, 2007, at 3:49 PM, trevor bayliss wrote:
Hi all, the .gw_aTab is not showing the same in size as in IE (the
gain Gain a unique insight into your industry part with the border
around it and the uk image). http://216.219.94.105/index1.cfm
The div .gw_aTab is not showing right in Opera and Firefox. In IE
it is perfect
You are banking on an ie bug to get the look you want. IE will
(incorrectly but conveniently) auto-expand blocks to contain floated
content. All the other major browsers will not. See this article
for an explanation of how floats/clears work. http://
www.complexspiral.com/publications/containing-floats/
Also, you have some tags in uppercase and some in lowercase, some
attributes are quoted and some are not. This will not necessarily
prevent your page form displaying correctly, but it will make it
harder for you to debug. Consistency in code is your friend.
You can save yourself a fair amount of hair pulling by designing in a
more standards compliant browser, like firefox, Opera or Konq/Safari
and dealing with ie bugs after your design has solidified.
The expedient solution is
.gw_aTab {min-height: 190px;}
--
Roger Roelofs
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Why aren't these DIVs on the same line?
I am constructing a control panel of buttons located at the top of the page. It will be six wide and two deep. Each of the button divs in encased in an a ... link and displays a mouseover graphic. There is no line break or paragraph break between the two divs shown here and they should be displayed on the same line. Both Firefox and Konqueror 3.5 on a Kubuntu box display the buttons stacked vertically. Could someone please help me with this problem? body !--MAIN NAVIGATION START-- div class=menu !-- Button div - Home -- a href=http://www.tropicwaveradio.net/; div id='button-home' style='height: 30; width: 150; background: url(images/button-home.jpg); background-position: 0px 0px; ' onmouseover = 'document.getElementById(button-home).style.backgroundPosition = -150px 0px; ' onmouseout = 'document.getElementById(button-home).style.backgroundPosition = 0px 0px; ' /div /a !-- End button div -- !-- Button div - Instant Replay -- a href=http://tropicwaveradio.net/listenlive.htm; div id='button-instant-replay' style='height: 30px; width: 150px; background: url(images/button-instant-replay.jpg); background-position: 0px 0px; ' onmouseover = 'document.getElementById(button-instant-replay).style.backgroundPosition = -150px 0px; ' onmouseout = 'document.getElementById(button-instant-replay).style.backgroundPosition = 0px 0px; '/div /div /a !-- End button div -- !-- End menu div -- /body Thanks, Bob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] DIVs still on different lines -- No a's
Before, the code block came from the button builder at grsites.com. I was using it to build the graphics for custom buttons. The code it generated can be improved it seems. The new code uses an onClick event. I thought the only reason the DIV was inside the A block was if a browser didn't understand CSS, the div inside a hyperlink a block would still work. This was weird. If browser is smart enough to respond to mouse events, why can't an onClick event be used instead of a? With trust, I used the automagically generated code from the site without thought. Here is the re-written code with the same error; the divs are stacked vertically instead of in one line. !--MAIN NAVIGATION START-- div class=menu !-- Home button div -- div id='button-home' style='height: 30; width: 150; background: url(images/button-home.jpg); background-position: 0px 0px; position: inline;' onmouseover = 'document.getElementById(button-home).style.backgroundPosition = -150px 0px; ' onmouseout = 'document.getElementById(button-home).style.backgroundPosition = 0px 0px; ' onClick=parent.location='http://www.tropicwaveradio.net/' /div !-- End button div -- !-- Instant replay button div -- div id='button-instant-replay' style='height: 30; width: 150; background: url(images/button-home.jpg); background-position: 0px 0px; position: inline;' onmouseover = 'document.getElementById(button-instant-replay).style.backgroundPosition = -150px 0px; ' onmouseout = 'document.getElementById(button-instant-replay).style.backgroundPosition = 0px 0px; ' onClick=parent.location='http://www.tropicwaveradio.net/listenlive.htm' /div !-- End button div -- /div !-- End menu div -- Thoughts anyone? Please? Thanks, Bob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] How to make footers go to bottom of the page
Hi all I am trying to work out hoe to put the following footer id : #footer_home to the bottom of this page: http://216.219.94.105/index1.cfm IE is ok but as I know know is not standard compliant. Thanks - Don't be flakey. Get Yahoo! Mail for Mobile and always stay connected to friends. - Looking for a deal? Find great prices on flights and hotels with Yahoo! FareChase. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to make footers go to bottom of the page
- Original Message - From: trevor bayliss [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Sunday, June 10, 2007 7:19 PM Subject: [css-d] How to make footers go to bottom of the page Hi all I am trying to work out hoe to put the following footer id : #footer_home to the bottom of this page: http://216.219.94.105/index1.cfm IE is ok but as I know know is not standard compliant. Thanks Trevor; You might take a look at http://www.themaninblue.com/experiment/footerStickAlt/ It seems to work fine. Del __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] css form Issues --Help
I have created a form with a mix of table and css and am having the following issues Here is the url: http://www.crinigeria.com/index.php?option=com_chronocontactchronoformname=resume 1. The form is pushed down in IE 6 but it looks ok in firefox, 2. Other than the First Name and Last Name labels, the other labels name are not aligned to the left. Also, the rest labels are wrapped. I need them to be aligned like the First Name label and also spread out. How do I do this pls? 3. Is it possible to use css to create the layout as I have it under the Educational Qualification? I used table to creat that. Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Mac site check please
Can someone on a mac please check this out for me? *http://tinyurl.com/2bnwgu TIA * __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mac site check please
On 2007/06/10 21:54 (GMT-0400) Brian Cummiskey apparently typed: Can someone on a mac please check this out for me? *http://tinyurl.com/2bnwgu Looks exactly the same live in Safari 1.3 as when submitted to http://www.browsrcamp.com/. Pretty magazine page. Nice to look at. Can't read most of it though, at least not without 2 zoom steps. You might visit http://juicystudio.com/services/colourcontrast.php and paste in #808285. -- Respect everyone. I Peter 2:17 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mac site check please
Brian Cummiskey wrote: Can someone on a mac please check this out for me? *http://tinyurl.com/2bnwgu TIA Nice visual, Brian. In Safari, Camino , and WebKit she holds at +2 without a problem. In general, bumping the contrast could be welcome by some users, and the image-text at the bottom of the left column is tough to read (I'm at 1680). Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mac site check please
On 6/11/07, Brian Cummiskey [EMAIL PROTECTED] wrote: Can someone on a mac please check this out for me? *http://tinyurl.com/2bnwgu um, your image replacement appears to be broken in Opera (checked in 9.21 on Windows) - I see both the logo and the H1 text overlapping. -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz Lost yet? http://www.lost.eu/3d33f __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css form Issues --Help
Hi there :)
On 6/10/07, coolman coolx [EMAIL PROTECTED] wrote:
I have created a form with a mix of table and css and am having the
following issues
Here is the url:
http://www.crinigeria.com/index.php?option=com_chronocontactchronoformname=resume
1. The form is pushed down in IE 6 but it looks ok in firefox,
Sorry, I don't have IE 6 handy, but I can tell you that:
~ in IE 7, when I access the page, I receive the following error message:
A Runtime Error has occurred. Do you wish to debug?
Line 477
Error: 'Spry' is undefined
~ in IE 7 the UNICHEALTH collapsible panel shows up by default (might be
related to the afore-mentioned error)
~ in FF 2.0.0.4 , the Month and year fields in the Personal Information
section appear to the right of the date of birthday field, but staggered
vertically.
The 'Working Experince(Years)' label also needs more horizontal space, since
on my (widescreen) monitor it's partially hidden by the matching drop-down
menu.
2. Other than the First Name and Last Name labels, the other labels name are
not aligned to the left. Also, the rest labels are wrapped. I need them to
be aligned like the First Name label and also spread out. How do I do this
pls?
try
label { text-align: left; }
right now they seem to have this property set to right.
Not sure what you mean by 'spread out', sorry.
3. Is it possible to use css to create the layout as I have it under the
Educational Qualification? I used table to creat that.
Possible ? probably.
However, the last two sections in your form feel like they should be
editable tables (a.k.a. worksheets).
It should be ok, in this case, to place the fields in a table, properly
styled.
If you want to achieve the same result without using tables, well, I guess
you could use a bunch
of containers (divs, most likely, or spans), and apply all the necessary
styles.
You might end up giving them display properties that are usually applied to
tables/table rows/table cells,
or just float all the divs that should be on the same row to the left...
The first div on a given row would probably need a class that specified
clear:left to make it go on the next line.
All in all, I think you would be better off using a table for these two
sections :)
HTH,
F.O.R.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why aren't these DIVs on the same line?
Robert Tilley wrote: I am constructing a control panel of buttons located at the top of the page. It will be six wide and two deep. Each of the button divs in encased in an a ... link and displays a mouseover graphic. There is no line break or paragraph break between the two divs shown here and they should be displayed on the same line. Both Firefox and Konqueror 3.5 on a Kubuntu box display the buttons stacked vertically. Could someone please help me with this problem? Hmmm, you do know that an anchor is an inline element, and a div is a BLOCK element - so is your CSS changing the DIVs to display:inline? If you're not doing that, FF and Konqueror are only doing what they're supposed to do ... body !--MAIN NAVIGATION START-- div class=menu !-- Button div - Home -- a href=http://www.tropicwaveradio.net/; div id='button-home' style='height: 30; width: 150; background: url(images/button-home.jpg); background-position: 0px 0px; ' onmouseover = 'document.getElementById(button-home).style.backgroundPosition = -150px 0px; ' onmouseout = 'document.getElementById(button-home).style.backgroundPosition = 0px 0px; ' /div /a !-- End button div -- !-- Button div - Instant Replay -- a href=http://tropicwaveradio.net/listenlive.htm; div id='button-instant-replay' style='height: 30px; width: 150px; background: url(images/button-instant-replay.jpg); background-position: 0px 0px; ' onmouseover = 'document.getElementById(button-instant-replay).style.backgroundPosition = -150px 0px; ' onmouseout = 'document.getElementById(button-instant-replay).style.backgroundPosition = 0px 0px; '/div /div /a !-- End button div -- !-- End menu div -- /body Thanks, Bob -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mac site check please
Richard Grevers wrote: um, your image replacement appears to be broken in Opera (checked in 9.21 on Windows) - I see both the logo and the H1 text overlapping. Richard, I have changed the technique. Can you visit again and let me know if it is resolved now? http://tinyurl.com/2bnwgu Felix Miata wrote: Looks exactly the same live in Safari 1.3 as when submitted to http://www.browsrcamp.com/. Pretty magazine page. Nice to look at. Can't read most of it though, at least not without 2 zoom steps. Felix, I agree the fonts are a little small. Unfortunately, they paid big bucks to some designer and my role is to code it to specs from the designer's html (aka dreamweaver table code). I have mentioned this to them already, but they seem pretty set on the fonts. I upped it from 76.1% to 80.1%. Just a hair bigger and hardly noticeable, but may be the middle ground between making the client happy and having a usable site. Plus, this also gives one additional -1 in font control now (-2 now, before only -1 in font control in FF) You might visit http://juicystudio.com/services/colourcontrast.php and paste in #808285. Again, same deal. That's the color the designer chose and the client approved upon. I myself am colorblind and I do find it hard to read. With the help of that link, however, I have some backing to send back to them to let them know that it doesn't work. Thanks. David Laakso wrote: Nice visual, Brian. Thanks. :) Unfortunately, I can't take credit for it. In Safari, Camino , and WebKit she holds at +2 without a problem. Can you try this again now that i bumped the base font a couple percent? It holds +2 in FF for me still, so i'm hoping it holds across to Safari as well. In general, bumping the contrast could be welcome by some users, and the image-text at the bottom of the left column is tough to read (I'm at 1680). Agreed on the image text. I'm most likely going to re-do that section and make the text of the image actually text. Thanks all for the help and suggestions! -Brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
