date:20090215

Re: [css-d] mac os x 10.4.11 seamonkey/camino

2009-02-15 Thread Philippe Wittenbergh


On Feb 16, 2009, at 4:14 PM, David Laakso wrote:

>
> Both  Camino and SeaMonkey throwing #content right.

Which SeaMonkey, Camino ?

(answer: any browser based on Gecko 1.8.1 and older - that includes  
Firefox 2.)

> 
> (embedded)
>
> Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.18)
> Gecko/20081031 SeaMonkey/1.1.13
> Camino Version 1.6.6 (1.8.1.19 2008121219)
> No known issue in other Mac browsers or IE 6/7.
>
> What to do?
Lenin, Chapter 4, verse 17:

#content {clear:both;}

Safari 2.04 isn't pretty: the 6 colour boxes collapse to something  
10px tall. Need to think about a fix here.

Philippe
---
Philippe Wittenbergh
http://l-c-n.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/

[css-d] mac os x 10.4.11 seamonkey/camino

2009-02-15 Thread David Laakso


Both  Camino and SeaMonkey throwing #content right.


(embedded)

Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.18) 
Gecko/20081031 SeaMonkey/1.1.13
Camino Version 1.6.6 (1.8.1.19 2008121219)
No known issue in other Mac browsers or IE 6/7.

What to do?



-- 

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] Font-color issue

2009-02-15 Thread Ib Jensen

2009/2/15, Jørgen Farum Jensen :
> Ib Jensen skrev:

> I do, too, and have written a couple of well thought of books
> about it in your native language, ref. my signature.
> Includes lots of well documented templates and explanations
> of the whys and wherefores. A whole chapter on best practice
> typography as regards web pages.

I have one of your books, but not the one about css.

I should problably look for it in some bookstore, together with the 2.
edition of your book about (x)HTML.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] IE 6 Layout Problem

2009-02-15 Thread Duckworth, Nigel

Many thanks Georg, that did it. I must have violated my Photoshop template and 
made that image too wide somehow. 

Thanks again, 

-Nigel 

-Original Message-
From: Gunlaug Sørtun [mailto:gunla...@c2i.net] 
Sent: Sunday, February 15, 2009 7:26 PM
To: Duckworth, Nigel
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] IE 6 Layout Problem

Duckworth, Nigel wrote:

> I'm on a tight deadline so thought I'd throw this out there. I have a  
> problem in IE6, from BrowserCam it looks like the right column with 
> the main content is dropping.
> 
> http://tinyurl.com/c9ybfs

Content (the image) inside #pma too wide - there's 10px side-paddings on that 
element, and IE6 and older don't respect declared dimensions when content is 
too wide.

Only solutions that seem to work without causing other problems, is to either 
make the relevant image slightly narrower, or to make it appear narrower for 
IE6 by adding something like...

* html #pma img {margin-right: -10px;}

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] IE 6 Layout Problem

2009-02-15 Thread Gunlaug Sørtun

Duckworth, Nigel wrote:

> I'm on a tight deadline so thought I'd throw this out there. I have a
>  problem in IE6, from BrowserCam it looks like the right column with
> the main content is dropping.
> 
> http://tinyurl.com/c9ybfs

Content (the image) inside #pma too wide - there's 10px side-paddings on
that element, and IE6 and older don't respect declared dimensions when
content is too wide.

Only solutions that seem to work without causing other problems, is to
either make the relevant image slightly narrower, or to make it appear
narrower for IE6 by adding something like...

* html #pma img {margin-right: -10px;}

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/

[css-d] IE 6 Layout Problem

2009-02-15 Thread Duckworth, Nigel


Hi All, 

I'm on a tight deadline so thought I'd throw this out there. I have a
problem in IE6, from BrowserCam it looks like the right column with the
main content is dropping. 

http://tinyurl.com/c9ybfs 

This doesn't seem to be happening on some of the other pages but don't
think there's a difference in the relevant css/html, e.g. in BC this
looks OK (apart from the PNGs!): 

http://tinyurl.com/avn5at

Any ideas? Thanks, 

-Nigel 

__
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] CSS horizontal nav bar problem

2009-02-15 Thread Brian Funk

Darren Jordan wrote:
> How can I get the background colour to be the same height on all the links.
> Say the "About Us" link only takes up one line of background colour, but the 
> "Community Based Youth Initiatives" link takes two
> lines of colour. I tried the  but it looks stupid.

Is this what you're after?

I gave each list item a width of 20% to keep them all on one line and 
forced a break in about us and also for Community development. It gives 
you a uniform height - at least until any font resizing sends the long 
links to a third line.

If you post a link to what your working on it will make things much 
easier for folks to look at.

-- 
Brian

__
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] Font-color issue

2009-02-15 Thread Jørgen Farum Jensen

Ib Jensen skrev:
> Thats what I meant to do, going back to the original stylesheet(s)
> thats more or less followed whith the template.
>
> It's from a book : Modernes Webdesign, by Manuela Hoffmann,
> http://pixelgraphix.de
>
>
>
> She should know something about it .

I do, too, and have written a couple of well thought of books
about it in your native language, ref. my signature.
Includes lots of well documented templates and explanations
of the whys and wherefores. A whole chapter on best practice
typography as regards web pages.

Also available at local Public Libraries, if it's not on
loan to someone. That happens a lot.

-- 
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/ 

__
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] Style showing up wrong in IE6

2009-02-15 Thread Christopher R

I fixed up the page so that the problem is more visible.
http://www.thecreativesheep.ca/page_error/imagepage3b.html
At the bottom right hand side of the page there is a small blue box and some 
text if you compare in IE6 it does not look how
it should which is the way it looks in FF or IE7 etc.

On Sat, Feb 14, 2009 at 10:20 PM "Christopher R"  
wrote:
>They are absolute positioned
> 
> 
> 
> On Sat, Feb 14, 2009 at 8:59 PM "David Laakso"  
> wrote:
> >Christopher R wrote:
> > > http://www.thecreativesheep.ca/page_error/page_error_ie6.html
> > >
> > > If you compare the page in IE6 and any other browser you'll see that the 
> > > little blue box in the bottom right hand
> > > corner is stretched and the words at the bottom are not in the middle 
> > > when you view the site in IE6 anyone know what 
> > > this is happening?
> > >
> > >   
> > 
> > 
> > Go ahead. Put all the absolute positioning, and setting of heights on 
> > containers, back in. Remember, not to forget, I will personally pay a 
> > visit to your tee pee and burn it to the ground. You don't want to know 
> > what I'll do to the sheep.
> > 
> > -- Dancing with Wolves
> > 
> > -- 
> > 
> > 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/
> > 
__
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] CSS horizontal nav bar problem

2009-02-15 Thread Gunlaug Sørtun

Darren Jordan wrote:

> I am doing a horizontal nav bar. The problem I have is that the links
>  are too long, and the client will not change them.

Won't make much of a difference.

> The site width is 900px. How can I get the background colour to be 
> the same height on all the links.

Not much to go on without a link (rebuilding cases from code-snippets is
boring).

Besides: you have styled for IE7 and older IE versions. Floats without
dimensions don't work that way in proper browsers - they drop before
breaking text.

The styling of nav-links were also wrong - there is no property "text:"
in CSS standards and no browsers understand it. Once that was changed to
"font:" the links became even longer.

Anyway: you can extract a cross-browser reliable solution here...

...which is based on "Equal Height Columns"...

...with a little extra to make it appear ok in IE7 and older - any mode.
You have to be careful how you layer elements in the rest of the page if
you want old IE to get the pieces visually correct, since those buggers
can't handle overflow correctly.

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/

[css-d] CSS horizontal nav bar problem

2009-02-15 Thread Darren Jordan

Hi All.

I am doing a horizontal nav bar. The problem I have is that the links are too 
long, and the client will not change them.

The site width is 900px. How can I get the background colour to be the same 
height on all the links.
Say the "About Us" link only takes up one line of background colour, but the 
"Community Based Youth Initiatives" link takes two
lines of colour. I tried the  but it looks stupid.

Code below;

Thanks
Darren


   
  About Us
  Local Employment Service 
Network
  Services to the Unemployed
  Community Development
  Community Based Youth 
Initiatives

  


@charset "UTF-8";
/*- basic styling*/
* {
 margin: 0px;
 padding: 0px;
 }

body {
  background-color:#006699;
  text-align:center;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:85%;
  }
#wrapper {
  position:relative;
  width:900px;
  margin:0 auto;
  text-align:left;
  background:#FF url(../images/logo/sideBarBG.gif) repeat-y;
  }
/*- position container elements -*/  

#header {
  position:relative;
  background: #ff url(../images/logo/mainLogo.jpg) no-repeat top left;
  height: 120px;
  }
#header h1 {
  margin-left: -9000px;
  }
/*--- main navigation bar --*/  
#mainNav {
  float:left;
  width: 900px;
  }
#mainNav ul {
  margin:0;
  padding:0;
  list-style:none;
  float: left;
  }
#mainNav li {
  float: left;
  } 
#mainNav li a:link,#mainNav li a:visited {
  display:block;
  background:#66;
  padding: .2em .5em;
  text: bold 1em/1.2 Georgia, "Times New Roman", Times, serif;
  text-decoration:none;
  color:#FF;
  margin-right: .5em;
  }
#mainNav li a:hover,#mainNav li a:active {
  color: #006699;
  background:#FF;
  }
#content {
  float:right;
  width:600px;
  }
#sidebar {
  float:left;
  width: 250px;
  }
#footer {
  color:#FF;
  font: .8em Verdana, Arial, Helvetica, sans-serif;
  background:#00;
  margin-top: 5em;
  }
#clear {
  clear:both;
  }
__
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] mac os x 10.4.11 seamonkey/camino

[css-d] mac os x 10.4.11 seamonkey/camino

Re: [css-d] Font-color issue

Re: [css-d] IE 6 Layout Problem

Re: [css-d] IE 6 Layout Problem

[css-d] IE 6 Layout Problem

Re: [css-d] CSS horizontal nav bar problem

Re: [css-d] Font-color issue

Re: [css-d] Style showing up wrong in IE6

Re: [css-d] CSS horizontal nav bar problem

[css-d] CSS horizontal nav bar problem

11 matches

Site Navigation

Mail list logo

Footer information