[css-d] Horizontal Nav at bottom of page in IE

[Carol Huddleston]

I have a horizontal nav bar at the bottom of this page that I'm  
trying to get below the white area in the background image. I've got  
it to look okay on browsers on the Mac, but all of the Windows  
browsers show the bar either too high or too low:

http://www.prairiedreamstudio.com/testindex.html
http://www.prairiedreamstudio.com/css/layout.css

Thanks everyone for your help so far,

Carol



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox 3.0.2 vs IE/7 image based navigation bar "sprite technique"

[Blake]

On Fri, Sep 26, 2008 at 12:27 PM, Keith LaFrenier <[EMAIL PROTECTED]> wrote:
> i created an image based navigation bar using CSS and "sprite techniqe".  The 
> nav bar is fine in IE/7, but shifted to the right in firefox 3.0.2

ul#topnav { padding: 0; }

...will fix it. :)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox 3.0.2 vs IE/7 image based navigation bar "sprite technique"

[Philippe Wittenbergh]

On Sep 26, 2008, at 11:27 AM, Keith LaFrenier wrote:

> i created an image based navigation bar using CSS and "sprite  
> techniqe".  The nav bar is fine in IE/7, but shifted to the right in  
> firefox 3.0.2
>
> Any help with this is greatly appreciated.
>
> www.pavetosuccess.org/pave/index2.html
>
> www.pavetosuccess.org/pave/pave.css

Gecko (fx) and WebKit (Safari), Opera (and IE8, if memory serves) have  
default value for padding-left on the . IE 6 & 7 use a margin-left.

ul#topnav {padding:0;}
will fix your issue

Philippe
---
Philippe Wittenbergh
http://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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Firefox 3.0.2 vs IE/7 image based navigation bar "sprite technique"

[Keith LaFrenier]

Hello, 
 
i created an image based navigation bar using CSS and "sprite techniqe".  The 
nav bar is fine in IE/7, but shifted to the right in firefox 3.0.2
 
Any help with this is greatly appreciated.
 
www.pavetosuccess.org/pave/index2.html
 
www.pavetosuccess.org/pave/pave.css
 
 
_
Get more out of the Web. Learn 10 hidden secrets of Windows Live.
http://windowslive.com/connect/post/jamiethomson.spaces.live.com-Blog-cns!550F681DAD532637!5295.entry?ocid=TXT_TAGLM_WL_domore_092008
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS and Yahoo Maps

[Gunlaug Sørtun]

Scott Povlot wrote:

> http://www.piedmont-div.org/pilgrimage/tour_date20081101.html
> 
> The page looks good in Firefox.  In IE7, the mapcontainer shifts 
> around when you resize the browser. On IE6, the map moves out of the 
> containing box and almost off the page.

IE needs a 'hasLayout' trigger on #content, and a width on the #tourmap,
or else it doesn't quite know where to place the map.

The addition of...

#content {height: 1%;}
#tourmap {width: 402px;}

...will do for both IE6 and IE7.

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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS and Yahoo Maps

[Scott Povlot]

I am having some problems trying to position Yahoo Maps with CSS.  I have 
embedded an AJAX Yahoo Map (http://developer.yahoo.com/maps/ajax/) in a 
webpage.  The maps are generated dynamically with Javscript so I am not exactly 
sure what is going on.  

The map is within a container div that is floated to the right.  

You can see a sample web page at 
http://www.piedmont-div.org/pilgrimage/tour_date20081101.html .  The CSS is at 
http://www.piedmont-div.org/pilgrimage/css/styles.css .

The page looks good in Firefox.  In IE7, the mapcontainer shifts around when 
you resize the browser.  
On IE6, the map moves out of the containing box and almost off the page.  Very 
strange indeed.

Any help you can provide would be appreciated.

Scott Povlot



  
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Italicized text increasing width of parent element

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:

>> I have noticed that in my layout, which is a modded version of 
>> ALA's Holy Grail, that sometimes when I have text in a list item 
>> that butts up to the outer edge of its containing div, and that 
>> text is italicized, I believe it increases the width of that 
>> containing div in IE6:
>> 
>> http://208.103.247.141/test-eng.asp

>> Anyone know how I can keep the content area from shifting over?

See "the italic bug"...



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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Italicized text increasing width of parent element

[HARDIE.CA]

Hi,

I have noticed that in my layout, which is a modded version of ALA's Holy 
Grail, that sometimes when I have text in a list item that butts up to the 
outer edge of its containing div, and that text is italicized, it increases the 
width of that containing div in IE6:

http://208.103.247.141/test-eng.asp

The main content area has actually been pushed over to the left by a couple 
pixels because, I presume, General Responsibilities of Non-commissioned Members 
has a word that butts up against the edge of the containing div ("of") which 
gets italicized.

Here is the same page, but with italicization removed:

http://208.103.247.141/test2-eng.asp

Note that the content area on this page is in the proper location.

Now, what is really odd is that if I break up the emphasis like this:

General Responsibilities of Non-commisioned Members

to

General Responsibilities of Non-commisioned Members

The content div's width has not been increased, and is in the proper location. 
See:

http://208.103.247.141/test3-eng.asp

Anyone know how I can keep the content area from shifting over?

Thanks,

C.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Italicized text increasing width of parent element

[David Laakso]

On Thu, Sep 25, 2008 at 9:26 AM, <[EMAIL PROTECTED]> wrote:

>
>   I have noticed that in my layout, which is a modded version of ALA's Holy
> Grail, that sometimes when I have text in a list item that butts up to the
> outer edge of its containing div, and that text is italicized, I believe it
> increases the width of that containing div in IE6:
>
>   http://208.103.247.141/test-eng.asp
>   C.
>
>



It is a known and sometimes difficult bug to resolve.
Please see:




-- 
http://chelseacreekstudio.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Italicized text increasing width of parent element

[HARDIE.CA]

> Hi,
> 
> I have noticed that in my layout, which is a modded version of ALA's Holy 
> Grail, that sometimes when I have text in a list item that butts up to the 
> outer edge of its containing div, and that text is italicized, I believe it 
> increases the width of that containing div in IE6:
> 
> http://208.103.247.141/test-eng.asp
> 
> The main content area has actually been pushed over to the left by a couple 
> pixels because, I presume, General Responsibilities of Non-commissioned 
> Members has a word that butts up against the edge of the containing div 
> ("of") which gets italicized.
> 
> Here is the same page, but with italicization removed:
> 
> http://208.103.247.141/test2-eng.asp
> 
> Note that the content area on this page is in the proper location.
> 
> Now, what is really odd is that if I break up the emphasis like this:
> 
> General Responsibilities of Non-commisioned Members
> 
> to
> 
> General Responsibilities of Non-commisioned Members
> 
> The content div's width has not been increased, and is in the proper 
> location. See:
> 
> http://208.103.247.141/test3-eng.asp
> 
> Anyone know how I can keep the content area from shifting over?
> 
> Thanks,
> 
> C.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Safari on Windows has a nifty CSS debugger

[Charles Roper]

Hedley Finger wrote:
> I have used the DOM inspector but Firebug will not (yet) install in 
> Firefox 3.x, although oddly enough, some of its plug-ins will!

Firebug does work in Firefox 3.x:

http://getfirebug.com/releases/index.html

> I can't get Chrome to install properly and *function* on Windows XP 
> SP3.  And for some weird reason it installs in my home directory, not in 
> "C:\\Program Files\", like every other app on the planet, including 
> Google's other apps.  Also, Chrome is built on a version of WebKit 
> earlier than that in Safari, so I am afraid I will have to forego 
> Chrome's tools.

The reason Chrome installs where it does is discussed here:

http://snipr.com/3tv6c  [stackoverflow_com]

It's a *really* nice browser, so I'd urge you to try it. Perhaps you'll 
have more luck with Chromium, the non-branded development version. You 
can download nightly builds here:

http://build.chromium.org/buildbot/snapshots/chromium-rel-xp/

More on Chromium here:

http://code.google.com/chromium/

>> Internet Explorer has the Internet Development Toolbar which lets you 
>> inspect elements, and to see if they're being given layout.

IE8 beta 2 also has developer tools built in:

http://snipr.com/3tva8  [blogs_msdn_com]

This is possibly the most useful of the lot, especially the rendering 
switcher for testing compatibility between 7 and 8.

Charles
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/