Re: [css-d] Slide show in a single picture frame

2008-02-25 Thread gregorinator
On Sun, Feb 24, 2008 at 12:19 AM, david [EMAIL PROTECTED] wrote:
  You could also do it with Javascript and a timer routine,

See:

http://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.html

Free, small footprint, easy to use.
__
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] Font name

2008-02-25 Thread Mário Gamito
Hi,

Does anyone know the font name that is used in this picture ?

http://www.absinto.org/einstein.010.png

I'd like to use it in a site, but I can't figure out what it is.

Any help would be appreciated.

Warm Regards,
Mário Gamito
__
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] Font name

2008-02-25 Thread Usamah M. Ali
Hello,

Looks like a Trebuchet MS variant. I don't know, however, how that
relates specifically to CSS? You'll get definite answer to that
question in graphics-related mailing lists or forums.

Regards,
Usamah

On Mon, Feb 25, 2008 at 5:21 PM, Mário Gamito [EMAIL PROTECTED] wrote:
 Hi,

  Does anyone know the font name that is used in this picture ?

  http://www.absinto.org/einstein.010.png

  I'd like to use it in a site, but I can't figure out what it is.

  Any help would be appreciated.

  Warm Regards,
  Mário Gamito
  __
  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-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] Font name

2008-02-25 Thread Robert O'Rourke
Mário Gamito wrote:
 Hi,

 Does anyone know the font name that is used in this picture ?

 http://www.absinto.org/einstein.010.png

 I'd like to use it in a site, but I can't figure out what it is.

 Any help would be appreciated.

 Warm Regards,
 Mário Gamit

If you cut out the bit of the image with the text and go to 
http://www.myfonts.com/WhatTheFont/ , you can upload it and it does a 
pretty good job of working out what font it is.

-Rob
__
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] Font name

2008-02-25 Thread Fora
Hi,

This is... like... SO off-topic ;o)
So, be prepared to see an ADMIN thingy coming up soon.


Anyway... If ever you need to know what a font type is, try this:
http://www.myfonts.com/WhatTheFont/

It identifies a big percentage of the fonts correctly.

Anyway... The font you're looking for is GillSans.

Mind you that not all your users have GillSans installed on their system, so 
make sure you have a backup-font in your style sheet.


HTH,
F.


- Original Message - 
From: Mário Gamito [EMAIL PROTECTED]
To: css-d css-d@lists.css-discuss.org
Sent: 25 February, 2008 4:21 PM
Subject: [css-d] Font name


Hi,

Does anyone know the font name that is used in this picture ?

http://www.absinto.org/einstein.010.png

I'd like to use it in a site, but I can't figure out what it is.

Any help would be appreciated.

Warm Regards,
Mário Gamito
__
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-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] Styling DL

2008-02-25 Thread Richard Brown
Hi All

On this page:
http://www.weada.co.uk/members/uzella-court-antiques/
The county entry was riding up into the city field. I added clear:left
into the dl class so that it didn't do it but I am a bit concerned
that it might not be correct.

Have I stored up problems for myself please? Is there a better way to
style this list please?

Thanks. Css is at:
http://www.weada.co.uk/wp-content/themes/brownsite/style.css
-- 
Kind regards
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.
Romans 12 v 1
__
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] [OT] identifying fonts

2008-02-25 Thread Rob Emenecker
Hi all...
 
As another Rob pointed out, you can upload an image at
http://www.myfonts.com/WhatTheFont/
 
Another good source of identifying fonts is
http://www.identifont.com/identify.html. This link walks you through a QA
series to try and identify your font. FYI... if you are using this, it is
much more accurate if you provide ONLY the set of letters that you have
available to identify it with.
 
...Rob 
 

Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax)
www.hairydogdigital.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/


Re: [css-d] Font name

2008-02-25 Thread Mário Gamito
Hi,

It's Gills indeed.

Thank so much for all your answers and tips.

Warm Regards,
Mário Gamito
__
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] Styling DL

2008-02-25 Thread Usamah M. Ali
On Mon, Feb 25, 2008 at 6:07 PM, Richard Brown [EMAIL PROTECTED] wrote:
 Hi All

  On this page:
  http://www.weada.co.uk/members/uzella-court-antiques/
  The county entry was riding up into the city field. I added clear:left
  into the dl class so that it didn't do it but I am a bit concerned
  that it might not be correct.

  Have I stored up problems for myself please? Is there a better way to
  style this list please?

  Thanks. Css is at:
  http://www.weada.co.uk/wp-content/themes/brownsite/style.css
  --
  Kind regards
  Rich


Hi Rich,

First of all your markup for definition lists is incorrect. You should
declare the dl tag only once. Just as you do with ordered and
unordered lists.

dl
dttitle/dt
ddcontent/dd
dttitle 2/dt
dd content 2/dd
dttitle 3/dt
ddcontent 3/dd
...
...
/dl

As about styling the list, your approach is OK, just add a
non-breaking space (nbsp;) where you have empty fields (like city in
your example) so as to prevent occupying its space by other elements.

Regards,
Usamah
__
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] Need Sidebar Content To B 100% ? - Urgent

2008-02-25 Thread Elli Vizcaino
Hello,

Please look here: http://e7flux.com/new/new.html

I need the side bar (left box with grey borders) and
the light grey and dark grey boxes to fill up with the
space within the wrapper with the black borders. I
tried adding 100% but I notice it just overflows not
sure how to make them stay contained within the
wrapper height. I would also need the light and dark
grey boxes to take up 50% of the space left. I also
tried wrapping those 3 elements in their own container
but again the height property set to percentages makes
them overflow. Can anyone help??

TIA,
Elli 


  

Be a better friend, newshound, and 
know-it-all with Yahoo! Mobile.  Try it now.  
http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ 

__
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] Font name

2008-02-25 Thread vincent pollard
Humanist 521 is more common on PC and is copied from Gill Sans so can often
also be used or may be a good second choice in a font-family.

On 25/02/2008, Mário Gamito [EMAIL PROTECTED] wrote:

 Hi,

 It's Gills indeed.

 Thank so much for all your answers and tips.

 Warm Regards,
 Mário Gamito
 __
 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/




-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
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] Font name

2008-02-25 Thread Rob Emenecker
Gill Sans

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mário Gamito
Sent: Monday, February 25, 2008 9:21 AM
To: css-d
Subject: [css-d] Font name

Hi,

Does anyone know the font name that is used in this picture ?

http://www.absinto.org/einstein.010.png

I'd like to use it in a site, but I can't figure out what it is.

Any help would be appreciated.

Warm Regards,
Mário Gamito


__
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] menus through menuitems

2008-02-25 Thread Daniel Kessler
I have a menubar that I'm using to display my multi-level menus.
It's code that the designer downloaded and used.

The problem that we have is that there are two rows of drop-down  
menus - one row over another.  When using the top row, going down the  
list of menuitems, if the mouse goes over a menu from the second row,  
the first list of menuitems goes away and the second one displays  
it's list.  If I'm scrolling down a list of menuitems on the first  
row menu, I want it to stay on that and not flip over to the second  
row menu below it.
This happens only on IE PC.  And you can see it here:
http://sph.umd.edu/home/blank.cfm

Go down News and Events menuitems until it rolls over Alumni and  
Friends.


I've spent time trying different things, but so far I've not been  
able to get it to behave differently.  Any help would be greatly  
appreciated.


thank you.


-- 

Daniel Kessler

University of Maryland College Park
School of Public Health
3302E HHP Building
College Park, MD  20742-2611
Phone: 301-405-2545
http://sph.umd.edu



__
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] Extra pixel of spacing in IE7

2008-02-25 Thread Fiona
Hello,

I have an extra space between the bottom of my main content images and the 
white top border of my bottom div.

In FF it displays fine.

I originally cleared the floats by adding a clearing element before the end 
of the float containing div, but extra space was there in IE, so I searched 
for another float clearing method and found the :after pseudoclass which I 
adopted instead - still have the extra space.


The address is http://www.fionahayward.com/delavega/index.html

Regards
Fiona

__
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] Extra pixel of spacing in IE7

2008-02-25 Thread Fiona
The problem has now been resolved by removing spacing between nested divs in 
the html code.

Fiona

- Original Message - 
From: Fiona [EMAIL PROTECTED]
 Hello,

 I have an extra space between the bottom of my main content images and the
 white top border of my bottom div.

 In FF it displays fine.

 I originally cleared the floats by adding a clearing element before the 
 end
 of the float containing div, but extra space was there in IE, so I 
 searched
 for another float clearing method and found the :after pseudoclass which I
 adopted instead - still have the extra space.


 The address is http://www.fionahayward.com/delavega/index.html

 Regards
 Fiona

 __
 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-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] Float list items

2008-02-25 Thread Arlen Walker

On Feb 22, 2008, at 5:50 PM, Rick Faircloth wrote:

 However, I've been wondering lately, if I shouldn't code the HTML  
 content,
 without any design applied, then start applying design.

Yep. Andy Clarke, Transcending CSS is a terrific book espousing this.

Have Fun,
Arlen

--
In God we trust, all others must supply data

__
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] Font name

2008-02-25 Thread Kathy Wheeler

On 26/02/2008, at 1:21 AM, Mário Gamito wrote:
 Does anyone know the font name that is used in this picture ?

 http://www.absinto.org/einstein.010.png

 I'd like to use it in a site, but I can't figure out what it is.

To bring things back on topic, here's a site I find very useful for  
determining what fonts can be relied on in general and cross platform  
(to a point) and if you're lucky you might find a close match:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

If however, it's only for an intranet or private personal site (like  
one my daughter is making for herself with Santa Fe LET) then as  
long as you can be *sure* the font is available on the target  
machines (which in a closed and controlled environment is possible)  
then all you have to do is determine the correct name for your font- 
family declaration.

Good luck,
KathyW.
__
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] absolute relative link

2008-02-25 Thread Nancy E. Sosna Bohm
Is there any way to link to a stylesheet using a link that will always go to
a location on the website regardless of the location of the styled page
calling the link other than using http etc. at the beginning?

I have some IE6 styles in conditional comments and would prefer linking to
an external stylesheet so changes could be made just to the css file instead
of to all the pages on the site. However, DreamWeaver is going to be used by
the caretakers of the site, and DW won't automatically rewrite the links
within conditional comments. For now the site is not at its future permanent
location, so http addresses to the site won't work.

Thanks in advance for any advice,
Nancy 

__
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] absolute relative link

2008-02-25 Thread Philippe Wittenbergh

On Feb 26, 2008, at 11:04 AM, Nancy E. Sosna Bohm wrote:

 Is there any way to link to a stylesheet using a link that will  
 always go to
 a location on the website regardless of the location of the styled  
 page
 calling the link other than using http etc. at the beginning?

 I have some IE6 styles in conditional comments and would prefer  
 linking to
 an external stylesheet so changes could be made just to the css file  
 instead
 of to all the pages on the site. However, DreamWeaver is going to be  
 used by
 the caretakers of the site, and DW won't automatically rewrite the  
 links
 within conditional comments. For now the site is not at its future  
 permanent
 location, so http addresses to the site won't work.


Root relative URI are what you need:
link rel=stylesheet href=/path/to/stylesheet.css type=text/css  
media=print

---
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] Float Issue In IE

2008-02-25 Thread Elli Vizcaino
Hello,

I have a #sidebar div floating left with 2 divs
(#topright_content and #bottomright_content) floating
right, all contained within a #container div. They
appear fine in Safari  FF but in IE7 (haven't checked
IE6 but assume it's the same) the divs that are
floated right are floating outside of the container.
Can someone please explain why this is happening and
or suggest a fix:

http://e7flux.com/new/new.html 

TIA, 
Elli 


  

Never miss a thing.  Make Yahoo your home page. 
http://www.yahoo.com/r/hs
__
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] PVII Tab hitting below navigation

2008-02-25 Thread Christina Hawkins :: GlobalSpex
http://www.globalspex.com/clients/rosemount/business-banking-savings.php 

Having a heck of a time understanding why my PVII tab is hitting below the
navigation in FireFox. In IE it's just fine. (I am also using PVII menu as
well.)

Thank you for any help.
Christina 
http://www.globalspex.com



No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.516 / Virus Database: 269.21.1/1298 - Release Date: 2/25/2008
8:45 PM
 

__
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] Float Issue In IE

2008-02-25 Thread Usamah M. Ali
On Tue, Feb 26, 2008 at 7:33 AM, Elli Vizcaino [EMAIL PROTECTED] wrote:
 Hello,

  I have a #sidebar div floating left with 2 divs
  (#topright_content and #bottomright_content) floating
  right, all contained within a #container div. They
  appear fine in Safari  FF but in IE7 (haven't checked
  IE6 but assume it's the same) the divs that are
  floated right are floating outside of the container.
  Can someone please explain why this is happening and
  or suggest a fix:

  http://e7flux.com/new/new.html

  TIA,
  Elli


Hello Elli,

Because you're not using a complete DOCTYPE URI that includes system
identifier, IE is working in Quirks Mode which triggers CSS broken box
model. Update your page markup by adding the system identifier of HTML
4.01 Transitional:

http://www.w3.org/TR/html4/loose.dtd;

Regards,
Usamah
__
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] Float Issue In IE

2008-02-25 Thread Thierry Koblentz
  On Behalf Of Elli Vizcaino
 
  I have a #sidebar div floating left with 2 divs
  (#topright_content and #bottomright_content) floating
  right, all contained within a #container div. They
  appear fine in Safari  FF but in IE7 (haven't checked
  IE6 but assume it's the same) the divs that are
  floated right are floating outside of the container.
  Can someone please explain why this is happening and
  or suggest a fix:
 
  http://e7flux.com/new/new.html
 
 The width of #wrapper is 990 px, but #container is nested in #wrapper and
has
 a 1px border.
 So the available width in there is 990px -2px = 988px
 
 but the width of #sidebar (222px) + the width of the right floats (767px)
 equals 989px
 
 You're short by 1 pixel

I forgot to say that it doesn't happen in FF because the div that is styled
with a border has also a width set to 100% so in FF you have some extra
room (990px + 2px).
I don't know why IE doesn't make the container bigger though.

--
Regards,
Thierry | http://www.TJKDesign.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/


Re: [css-d] Float Issue In IE

2008-02-25 Thread Thierry Koblentz
 On Behalf Of Elli Vizcaino
 
 I have a #sidebar div floating left with 2 divs
 (#topright_content and #bottomright_content) floating
 right, all contained within a #container div. They
 appear fine in Safari  FF but in IE7 (haven't checked
 IE6 but assume it's the same) the divs that are
 floated right are floating outside of the container.
 Can someone please explain why this is happening and
 or suggest a fix:
 
 http://e7flux.com/new/new.html

The width of #wrapper is 990 px, but #container is nested in #wrapper and
has a 1px border.
So the available width in there is 990px -2px = 988px

but the width of #sidebar (222px) + the width of the right floats (767px)
equals 989px

You're short by 1 pixel

-- 
Regards,
Thierry | http://www.TJKDesign.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/


Re: [css-d] PVII Tab hitting below navigation

2008-02-25 Thread Usamah M. Ali
On Tue, Feb 26, 2008 at 7:03 AM, Christina Hawkins :: GlobalSpex
[EMAIL PROTECTED] wrote:
 http://www.globalspex.com/clients/rosemount/business-banking-savings.php

  Having a heck of a time understanding why my PVII tab is hitting below the
  navigation in FireFox. In IE it's just fine. (I am also using PVII menu as
  well.)

  Thank you for any help.
  Christina
  http://www.globalspex.com


Hello Christina,

This is caused by a clearing br class=p7TPclear on the upper
div. Removing the clearance fixes your issue in Firefox, but I
didn't test how IE and other browsers will behave accordingly.

Regards,
Usamah
__
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] Float Issue In IE

2008-02-25 Thread Thierry Koblentz
 On Tue, Feb 26, 2008 at 7:33 AM, Elli Vizcaino [EMAIL PROTECTED] wrote:
  Hello,
 
   I have a #sidebar div floating left with 2 divs
   (#topright_content and #bottomright_content) floating
   right, all contained within a #container div. They
   appear fine in Safari  FF but in IE7 (haven't checked
   IE6 but assume it's the same) the divs that are
   floated right are floating outside of the container.
   Can someone please explain why this is happening and
   or suggest a fix:
 
   http://e7flux.com/new/new.html
 
   TIA,
   Elli
 
 
 Hello Elli,
 
 Because you're not using a complete DOCTYPE URI that includes system
 identifier, IE is working in Quirks Mode which triggers CSS broken box
 model. Update your page markup by adding the system identifier of HTML
 4.01 Transitional:
 
 http://www.w3.org/TR/html4/loose.dtd;

Good catch!
I found that it gets the box model wrong and I don't even think of checking
if it is running in Quirks mode, duh!

As a side note, a DTD *without* an URI can trigger standard-compliant mode,
for example:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Strict //EN

What triggers quirks mode is the missing URI or the presence of
Transitional - depending on how one wants to look at it ;)

-- 
Regards,
Thierry | http://www.TJKDesign.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] IE6 div dropping below

2008-02-25 Thread Fiona
Hi,
On this page www.fionahayward.com/delavega/index.html in IE5 and IE7 and FF, 
it displays fine, but IE6, the image drops down below the rest.

I dont have any margins or padding in those divs, so cant be a double margin 
bug, and  theres no borders on there to  be an issue.

Strange it works in 5  7 but not 6 (i think)

Fiona 

__
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] IE6 div dropping below

2008-02-25 Thread Fiona

  From: Fiona 
  To: parameswaran marimuthu 
  Sent: Tuesday, February 26, 2008 5:12 PM
  Subject: Re: [css-d] IE6 div dropping below


  Thank you Parames,

  Can I just ask tho, so I know next time, why do I have to do that, and do you 
know why I dont need to do that for other IE versions?
- Original Message - 
From: parameswaran marimuthu 
To: Fiona 
Sent: Tuesday, February 26, 2008 4:59 PM
Subject: Re: [css-d] IE6 div dropping below


Hi finoa..

you have to set the display:inline for the content div.

and also set overflow:visible and float:right ,then u can easily solve this 
problem'

Thanks ..
Parames

 
__
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] IE6 div dropping below

2008-02-25 Thread Fiona
I have resolved the issue with Parames help.
I got a bit confused, because I thought he meant to make the display:inline 
on the #content div, but I think he meant the div with the floated content - 
so I made the 3 floated divs display: inline and IE6 is happy with that.

Fiona

- Original Message - 
From: parameswaran marimuthu
To: Fiona
Hi finoa..

you have to set the display:inline for the content div.

__
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] Faking float: center, or making blocks flow centered. Impossible?

2008-02-25 Thread Sander Marechal
Hello,

There's a design issue that I have been trying to solve (unsuccessfully)
for several weeks now. I can't get it done in CSS. I can't even get it
done with HTML 4.01 table crud for that matter. I want something that
behaves sort of as float: center if that would exist. Or as an inline
block.

Say I have two divs of 200x200 pixels. When the page is 500 pixels wide
I would like these blocks to be next to each other, but centered on the
page. So, 50px space on the left, then two 200px blocks next to each
other and then another 50px space on the right.

However, when the page width shrinks I would like these blocks to flow
as centered text would flow. Say you resize the page to be 300px wide.
Then I would like 50 px whitespace on the left, two 200px blocks on top
of each other and then another 50px whitespace on the right.

I can't seem to figure out how to create a layout like this, let alone
make it work in IE6 and 7 as well as Firefox and the rest (I don't care
about IE5.5 and below).

Does anyone have an idea how such a layout can be accomplished?

Thanks in advance,

-- 
Sander Marechal
http://www.jejik.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/