Re: [css-d] Menu background not aligned in IE

2008-01-30 Thread Bill Stemp
Sorry, it works fine in IE7, but not in IE6.

Essentially, (in IE6) the orange fill in the menu seems to be a few 
pixels south of where it should be. This occurs in the top  secondary 
levels of the menu.

Thanks,

Bill


Jeff Blaine wrote:
 FF2 and IE7 show the menu the same for me.  Can you elaborate
 on the problem?

 Bill Stemp wrote:
 Please refer to: http://www.pielows.co.za/highlights.htm

 The left-hand menu has a background fill that does not align in IE, 
 although fine in FF.

 Can anyone please advise?

 Many thanks,

 Bill
 __
 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] GIF to PNG switch didn't work

2008-01-30 Thread Daniel Kessler
I'm not so good at css and I used a tutorial to make a rounded  
corners box.  The box will contain different different amounts of  
text from a database.
It worked well when I was using GIF files but I wanted a transparent  
background for my shadow effect.  So I switched to PNG files.  When I  
did, it worked fine on the right and bottom side, but not on the top- 
left side.  I've reviewed the files and the top and left areas are  
transparent.

Here's a display of the problem.
http://sph.umd.edu/home/rounded_corners.cfm


I'd like to understand why it's not working.

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/


Re: [css-d] [css-d ] IE and background,IE and imbeded DIV

2008-01-30 Thread David Laakso

 Lexical error at line 40, column 49. Encountered: ? (63), after : 
   but offers zip else other than the first few lines of the CSS with 
 zip hint as to just what the problem is!

   



RE:

http://www.32smallshipsqn.org.au/demo/Dec29/



The CSS validation service is, among other things, tripping on the 
invalid IE expression. Put it in a conditional comment.  This will not 
make it valid. The validator just will not see it.
!--[if lte IE 7]
style
* html #wrapper {

width:expression

... }
/style
![endif]--


Best,

~dL  
__
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] GIF to PNG switch didn't work

2008-01-30 Thread Daniel Kessler
I'm not so good at css and I used a tutorial to make a rounded  
corners box.  The box will contain different different amounts of  
text from a database.
It worked well when I was using GIF files but I wanted a transparent  
background for my shadow effect.  So I switched to PNG files.  When I  
did, it worked fine on the right and bottom side, but not on the top- 
left side.  I've reviewed the files and the top and left areas are  
transparent.

Here's a display of the problem.
http://sph.umd.edu/home/rounded_corners.cfm


I'd like to understand why it's not working.

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] Divs within divs

2008-01-30 Thread Kenoli Oleari
I have some divs whose position in relation to each other is  
critical, but which I need to have flexible as a group in relation to  
other items on the page.  I have placed them with absolute  
positioning within a div which has a relative positioning attribute.   
This works fine with one exception.  I would like it if these divs  
caused the outer div to expand as they expand.  It would also be  
useful in another similar case to have the containing div act as a  
limit on the divs it contains.  Esssentially I am wanting the inner  
divs to see the container as barrier to either expand or stay within.

This isn't the case.  The inside divs simply expand past the borders  
of the containing div, neither expanding it nor being limited by it.   
Text, and p tags cause the container to expand, or course.

I presume this has something to do with the positioning attributes.   
I think I need the absolute attribute for the inner divs to retain  
their relationship with each other.  Is there someone who can help me  
figure out what to do to achieve what I am trying to do?

Thanks

--Kenoli

Kenoli Oleari
1801 Fairview Street
Berkeley, CA  94703
Neighborhood Assemblies Network
510-601-8217, [EMAIL PROTECTED]
http://www.sfnan.org, http://www.horizonsofchange.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] Divs within divs

2008-01-30 Thread Huggins, Joe
Hi Kenoli,

The thing to understand with this issue is page flow, or how div's line 
themselves up on the page.

Basically, any block level element will want to occupy the space starting in 
the upper left hand corner. Everything goes up and to the left. I tend to try 
and keep track of where the upper left hand corner is at any given time.

Then, within CSS we have some positioning rules (relative, absolute, static, 
fixed). Static is the default and does not need to be explicitly declared. 
Static follows the page flow by occupying the upper left corner. Relative is 
part of page flow and takes its positioning relative to the available upper 
left corner.

Absolute is not part of page flow so the elements or div's around it pretend it 
is not there. This is your issue. By using absolute positioned div's within 
relative positioned div's the div's really do not know the other is present. 

You could maybe do better by floating your AP div's.

Take a look at this for more information:

http://www.htmldog.com/guides/cssadvanced/layout/





From: Kenoli Oleari
Sent: Wed 1/30/2008 9:23 AM
To: CSS Mailing List
Subject: [css-d] Divs within divs


I have some divs whose position in relation to each other is  
critical, but which I need to have flexible as a group in relation to  
other items on the page.  I have placed them with absolute  
positioning within a div which has a relative positioning attribute.   
This works fine with one exception.  I would like it if these divs  
caused the outer div to expand as they expand.  It would also be  
useful in another similar case to have the containing div act as a  
limit on the divs it contains.  Esssentially I am wanting the inner  
divs to see the container as barrier to either expand or stay within.

This isn't the case.  The inside divs simply expand past the borders  
of the containing div, neither expanding it nor being limited by it.   
Text, and p tags cause the container to expand, or course.

I presume this has something to do with the positioning attributes.   
I think I need the absolute attribute for the inner divs to retain  
their relationship with each other.  Is there someone who can help me  
figure out what to do to achieve what I am trying to do?

Thanks

--Kenoli

Kenoli Oleari
1801 Fairview Street
Berkeley, CA  94703
Neighborhood Assemblies Network
510-601-8217, [EMAIL PROTECTED]
http://www.sfnan.org, http://www.horizonsofchange.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-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 and height

2008-01-30 Thread Leyrson Kroska
imagine..

div
text aimg //a
/div

a need be float .. but img I never know the size, height and width and div
can´t have size too .. news system.

IE 7 .. OK but FF no ..

-
with css I cant think about it


Leyrson
__
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] first fluid site...

2008-01-30 Thread Mark Finney
Dear List,

I am working on my first fluid layout site. The problem I have encountered
relates to background images that repeat horizontally.

Basically the site consists of:


Header - full width in background img repeat-y

Body - either a centered relatively sized width column or large tables of
data.

Footer - as header

The problem is that where the table is wider than the window, and the user
scrolls right, the header and footer stop (bg images do not continue accross
window)

I hope this is understandable, if not I will try and mock up a similar
layout and post a link...

Thanks,

Mark
__
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 and height problem

2008-01-30 Thread Leyrson Kroska
imagine..


 div
 text aimg //a
 /div

 a need be float .. but img I never know the size, height and width and
 div can´t have size too .. news system.

 IE 7 .. OK but FF no ..

 -
 with css I cant think about it


 Leyrson




-- 
Leyrson Kroska
__
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-d ] IE and background,IE and imbeded DIV

2008-01-30 Thread David Laakso
John Leishman wrote:
 As a kind person pointed out, the url, missing a full stop doesn't 
 resolve. For those who had given up it's really
 http://www.32smallshipsqn.org.au/demo/Dec29/


   
 Could some kind genius with a couple of minutes have a look at
 http://www32smallshipsqn.org.au/demo/Dec29 for me and point out where
 I've screwed up..

 Pretty please

 John

 




Major Tom, this is Ground-control, Houston...


We like your concept. But we think it will be hard to make it easy to use. 
Fifty plus links is a lot. They are hard to hold. They go funny with 
font-scaling. 
Maybe something more simple would help. Maybe not. Anyway, fwiw, more or less 
holds in a 700 window or wider-- 
http://www.chelseacreekstudio.com/ca/cssd/sos.html 


Either way, take your protein pill, and put your helmet on...

Houston



-- 
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/


Re: [css-d] Nested menus in Joomla 1.5

2008-01-30 Thread Michael Tierney

On Jan 29, 2008, at 2:43 PM, Nancy E. Sosna Bohm wrote:

 Joomla 1.5 ...
 What I want to do...

 1. A ...menu item will have...
   the background will change on hover. 

 2. ...If the parent is not active,
   i.e. unexpanded, it will have a right arrow, if
   it is expanded it will have a down arrow.
 ...


 ul class=menu
  ...

  li id=current class=parent active item53 !-- Active parent --
a href=#spanAbout the Club/span/a
ul
  li class=item72
a href=#spanDocuments/span/a
  /li
/ul
  /li

  li class=parent item74 !-- Inactive parent --
a href=#spanThe Schools Programme/span/a
  /li
 /ul
 ...

 On a Joomla 1.0x site I did something similar with background-color  
 instead
 of images:
 http://www.cclf.org/content/view/45/205/

 In your CSS you declare:
 li.parent {background-image:url(/images/rightarrow.gif);}
 li#current {background-image:url(/images/downarrow.gif);}

 The id will take precedence over the class.
 --Nancy


Also, the active class will actually style both the parent item AND  
the current item, since they're both technically active (according to  
Joomla's system).  I think Nancy's solution, using specificity, will  
probably suit you best.


-Mike
__
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] Not showing in in IE6 on XP-Pro

2008-01-30 Thread Marje Cannon
My firm is about ready to launch a new website, but have discovered that the
content on some of the pages is not showing up in IE6 .. on an XP-Pro
machine.

 

Here's the homepage which apparently shows up fine in IE6:

 

http://www.webdesignsarasota.com/index-future.php

 

Here are the pages that are not displaying properly in IE6 .. I'm at a loss,
can someone help me with this?

 

http://www.webdesignsarasota.com/portfolio-logo-printdesign.php 

http://www.webdesignsarasota.com/services.php

http://www.webdesignsarasota.com/services-web-options.php

http://www.webdesignsarasota.com/services-webdesign-process.php

http://www.webdesignsarasota.com/services-secure-hosting.php

http://www.webdesignsarasota.com/portfolio-logo-printdesign.php

http://www.webdesignsarasota.com/about.php

http://www.webdesignsarasota.com/faq.php

 

Thanks,

 

Marje

 

 

__
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] left side not carrying down

2008-01-30 Thread Lisa G. Wilcox
I have the following site HYPERLINK
http://www.webgirlwebdesigns.com/testing/TriBeam/index.htmlhttp://www.webg
irlwebdesigns.com/testing/TriBeam/index.html
 
The sidebar on the left doesn’t flow all the way down with the main body
text.  
Please advise.
Thanks 
Lisa
 
 



 
 

No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.516 / Virus Database: 269.19.16/1250 - Release Date: 1/29/2008
10:20 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] Absolute relative

2008-01-30 Thread Mark Finney
Just position the outer div with margin:0 auto; and give it
position:relative; without specifying top right bottom or left values.

Then create the three divs you want as buttons float:left and position:
absolute; bottom: 0;

Should do the trick I think...

But there are plenty better people on here than me!

Good luck,

Mark

On 30/01/2008, Scott Haneda [EMAIL PROTECTED] wrote:

 Iphone has a 320x356 viewable area, if I add in the 60 pixels from the url
 bar that I will hide, I get 320 wide by 416 tall

 That is my div I have to work with, I set that to margin auto, and it will
 center just fine in the middle of the screen.

 Where I am stuck is I have never used relative or absolute positioning.
 Here is what I am trying to do:
 http://newgeo.com/web/css/area.png

 So the background is blac, in the event an image is not large enough to
 fit
 just right.  It would be centered left to right, and top aligned.

 I need three buttons at the bottom, about the size you see, they are just
 divs, not images, and they will be colored.

 The red boxes represent the live clickable area I would want.  So the
 image will show through those areas, but they will still be hyperlinks.

 The image itself will be a link as well.

 I think I can manage it will all absolute positioning, but I would rather
 the outer div, the 320x416 div be simply centered margin auto, but then
 how
 do I tell the buttons and link divs to be absolute, within that moving
 target area of the outer div?
 --
 Scott


 __
 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] Absolute relative

2008-01-30 Thread Scott Haneda
Iphone has a 320x356 viewable area, if I add in the 60 pixels from the url
bar that I will hide, I get 320 wide by 416 tall

That is my div I have to work with, I set that to margin auto, and it will
center just fine in the middle of the screen.

Where I am stuck is I have never used relative or absolute positioning.
Here is what I am trying to do:
http://newgeo.com/web/css/area.png

So the background is blac, in the event an image is not large enough to fit
just right.  It would be centered left to right, and top aligned.

I need three buttons at the bottom, about the size you see, they are just
divs, not images, and they will be colored.

The red boxes represent the live clickable area I would want.  So the
image will show through those areas, but they will still be hyperlinks.

The image itself will be a link as well.

I think I can manage it will all absolute positioning, but I would rather
the outer div, the 320x416 div be simply centered margin auto, but then how
do I tell the buttons and link divs to be absolute, within that moving
target area of the outer div?
-- 
Scott


__
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] GIF to PNG switch didn't work

2008-01-30 Thread David Laakso
Daniel Kessler wrote:
 I'm not so good at css and I used a tutorial to make a rounded  
 corners box.  The box will contain different different amounts of  
 text from a database.
 It worked well when I was using GIF files but I wanted a transparent  
 background for my shadow effect.  So I switched to PNG files.  When I  
 did, it worked fine on the right and bottom side, but not on the top- 
 left side.  I've reviewed the files and the top and left areas are  
 transparent.

 Here's a display of the problem.
 http://sph.umd.edu/home/rounded_corners.cfm


 I'd like to understand why it's not working.

 thank you.


   



It is difficult to get enthusiastic about rounded corners faced with this:
http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fsph.umd.edu%2Fhome%2Frounded_corners.cfm


-- 
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/


Re: [css-d] GIF to PNG switch didn't work

2008-01-30 Thread Daniel Kessler
Well that certainly helps me with my box - thanks.  Clearly I  
should've put it on a blank page before posting.  Sheesh.

On Jan 30, 2008, at 4:18 PM, David Laakso wrote:

 Daniel Kessler wrote:
 I'm not so good at css and I used a tutorial to make a rounded   
 corners box.  The box will contain different different amounts of   
 text from a database.
 It worked well when I was using GIF files but I wanted a  
 transparent  background for my shadow effect.  So I switched to  
 PNG files.  When I  did, it worked fine on the right and bottom  
 side, but not on the top- left side.  I've reviewed the files and  
 the top and left areas are  transparent.

 Here's a display of the problem.
 http://sph.umd.edu/home/rounded_corners.cfm


 I'd like to understand why it's not working.

 thank you.






 It is difficult to get enthusiastic about rounded corners faced  
 with this:
 http://validator.w3.org/check?verbose=1uri=http%3A%2F% 
 2Fsph.umd.edu%2Fhome%2Frounded_corners.cfm


 -- 
 http://chelseacreekstudio.com/




-- 

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] Table drops when window is shrinked

2008-01-30 Thread Farid Jamea
I have an annoying problem on my website
(http://atlantagoldenrugs.com/viewgallery.php?cid=16pid=335). Look at
the page and try to gradually shrink the page, and you'll see that the
table containing the rug picture goes under the navigation bar if
shrank enough. This only happens on IE (It works fine on FireFox and
Opera). Do you have any suggestion on how to fix this (so the table
stays in its place)?
__
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] Not showing in in IE6 on XP-Pro

2008-01-30 Thread Gunlaug Sørtun
Marje Cannon wrote:
 My firm is about ready to launch a new website, but have discovered 
 that the content on some of the pages is not showing up in IE6 .. on
  an XP-Pro machine.

 http://www.webdesignsarasota.com/portfolio-logo-printdesign.php

Looks like IE6' messy layering is becoming even more messy when it
encounters all those 'position: relative'.
Deleting the whole bunch of them gives IE6 a chance to layer properly.

Here's an example (copy of your page) where I have deactivated P:R
wherever I could find them, and it seems to render just fine in IE6...
http://www.gunlaug.no/tos/alien/mc/test_08_0130.html

To spare me from having to write all of them down, I have used a
non-valid deactivating method that gets flagged as *ERRORS* by the
validator...
http://jigsaw.w3.org/css-validator/validator?uri=http://www.gunlaug.no/tos/alien/mc/test_08_0130.htmlwarning=1profile=css21
...so you can find them and delete them in your stylesheet.

Note that the use of 'position: relative' as a fix for IE6' layering
problems is conditional - must *only* be added to the right element(s).
Using P:R as a fix all over the place, tend to cause cause more
problems than it solves.

Use P:R where it's needed - and nowhere else, and test well across
browser-land - especially in old IE/win.

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/


Re: [css-d] GIF to PNG switch didn't work

2008-01-30 Thread Gunlaug Sørtun
Daniel Kessler wrote:
 Well that certainly helps me with my box - thanks.  Clearly I 
 should've put it on a blank page before posting.  Sheesh.

Maybe this is more useful...
http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

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/


Re: [css-d] left side not carrying down

2008-01-30 Thread Gunlaug Sørtun
Lisa G. Wilcox wrote:
 I have the following site HYPERLINK
 http://www.webgirlwebdesigns.com/testing/TriBeam/index.htmlhttp://www.webg
 irlwebdesigns.com/testing/TriBeam/index.html
  
 The sidebar on the left doesn’t flow all the way down with the main body
 text.  
 Please advise.

I think this might work in your case...
http://www.positioniseverything.net/articles/onetruelayout/equalheight

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/


Re: [css-d] Divs within divs

2008-01-30 Thread Arlen Walker

On Jan 30, 2008, at 10:23 AM, Kenoli Oleari wrote:

 I would like it if these divs
 caused the outer div to expand as they expand.

Can't be done solely in CSS, unless you know for sure which of the  
divs will be longest.

The only reliable solution is javascript. Look up Inman Positioning  
and try and adapt that idea to your application.

 This isn't the case.  The inside divs simply expand past the borders
 of the containing div, neither expanding it nor being limited by it.

This is because absolutely positioned elements are outside the  
document flow. If you used relative positioning, it might work.


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/


[css-d] Table drops when window is shrunk on IE

2008-01-30 Thread Farid Jamea
I have an annoying problem on my website
(http://atlantagoldenrugs.com/viewgallery.php?cid=16pid=335). Look at
the page and try to gradually shrink the page, and you'll see that the
table containing the rug picture goes under the navigation bar if
shrank enough. This only happens on IE (It works fine on FireFox and
Opera). Do you have any suggestion on how to fix this (so the table
stays in its place)?
__
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] Table drops when window is shrunk on IE

2008-01-30 Thread Gunlaug Sørtun
Farid Jamea wrote:
 I have an annoying problem on my website 
 (http://atlantagoldenrugs.com/viewgallery.php?cid=16pid=335). Look 
 at the page and try to gradually shrink the page, and you'll see that
  the table containing the rug picture goes under the navigation bar
 if shrank enough. This only happens on IE (It works fine on FireFox
 and Opera). Do you have any suggestion on how to fix this (so the
 table stays in its place)?

This addition will fix IE7...

#right {height: 1%; /* hasLayout trigger */}

...but IE6 needs more...

* html #left {margin-bottom: -1000px; /* remove space of float */}


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/


Re: [css-d] first fluid site...

2008-01-30 Thread Andrew Frazier
On Wed, 30 Jan 2008 12:44:22 -, Mark Finney [EMAIL PROTECTED] wrote:

 I am working on my first fluid layout site. The problem I have  
 encountered
 relates to background images that repeat horizontally.

 Basically the site consists of:


 Header - full width in background img repeat-y


Shouldn't that be repeat-x for a horizontal repeat?



-- 
Andrew Frazier


Using Opera's revolutionary e-mail client: http://www.opera.com/m2/

__
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-d ] IE and background,IE and imbeded DIV

2008-01-30 Thread John Leishman

Major Tom to Ground Control.. Have a clarity leek here, something 
you've done, and call me crazy but I'm glad, do you hear. Will need 
to modify mission profile. Your a fine fellow.

David, Thanks for you admirable work. You are completely correct. I'm 
thinking of breaking menu back into a page for each main heading and 
taking it from there rather than the multi depth idea I'd found in my 
searching of the net, as you point out, it is hard to hold, so better 
to fold em. Or was that Johnny Cash..g

John




At 05:07 AM 31/01/2008, you wrote:
John Leishman wrote:
As a kind person pointed out, the url, missing a full stop doesn't 
resolve. For those who had given up it's really
http://www.32smallshipsqn.org.au/demo/Dec29/



Could some kind genius with a couple of minutes have a look at
http://www32smallshipsqn.org.au/demo/Dec29 for me and point out where
I've screwed up..

Pretty please

John






Major Tom, this is Ground-control, Houston...


We like your concept. But we think it will be hard to make it easy 
to use. Fifty plus links is a lot. They are hard to hold. They go 
funny with font-scaling. Maybe something more simple would help. 
Maybe not. Anyway, fwiw, more or less holds in a 700 window or 
wider-- http://www.chelseacreekstudio.com/ca/cssd/sos.html

Either way, take your protein pill, and put your helmet on...

Houston



--
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/


Re: [css-d] first fluid site...

2008-01-30 Thread Mark Finney
Yep! And is...

On 30/01/2008, Andrew Frazier [EMAIL PROTECTED] wrote:

 On Wed, 30 Jan 2008 12:44:22 -, Mark Finney [EMAIL PROTECTED] wrote:

  I am working on my first fluid layout site. The problem I have
  encountered
  relates to background images that repeat horizontally.
 
  Basically the site consists of:
 
 
  Header - full width in background img repeat-y
 

 Shouldn't that be repeat-x for a horizontal repeat?



 --
 Andrew Frazier


 Using Opera's revolutionary e-mail client: http://www.opera.com/m2/




-- 
quoakle?

w. www.quoakle.com
e. [EMAIL PROTECTED]
m. 07866732010

__
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-d ] IE and background,IE and imbeded DIV

2008-01-30 Thread David Laakso
John Leishman wrote:

 Major Tom to Ground Control.. Have a clarity leek here, something 
 you've done, and call me crazy but I'm glad, do you hear. Will need to 
 modify mission profile. Your a fine fellow.

 David, Thanks for you admirable work. You are completely correct. I'm 
 thinking of breaking menu back into a page for each main heading and 
 taking it from there rather than the multi depth idea I'd found in my 
 searching of the net, as you point out, it is hard to hold, so better 
 to fold em. Or was that Johnny Cash..g

 John



 http://www32smallshipsqn.org.au/demo/Dec29 for me and point out where




 http://www.chelseacreekstudio.com/ca/cssd/sos.html






Major Tom, we here at Ground Control, Houston wish you well.

Best,

David Bowie for everyone here at Ground Control, Houston

__
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] please remove

2008-01-30 Thread morihei
please remove


More new features than ever.  Check out the new AOL Mail ! - 
http://webmail.aol.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] Arrg, ie6 and less problems...

2008-01-30 Thread William Ellis
Hi folks,

I am outside my league here, I am sure.  I thought I was clever - but...

I think my designs looks fine in Firefox and ie7.  Client is happy as well.

In ie5.5 and ie6 it garbages up so bad as to be unusable with flickering 
and mishapped blocks.  Even the page thumb is missing and I have never 
seen that.

website: http://wildcotton.wrellis.net/test.html

css: http://wildcotton.wrellis.net/css/atlas.css
http://wildcotton.wrellis.net/css/cbrc.css

The problem is essentially restricted to the left hand list boxes.

I know this is a long shot and leaning on everyone for their help but it 
will be much appreciated.

William Ellis
__
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] Table drops when window is shrunk on IE

2008-01-30 Thread Farid Jamea
Thank you so much, brilliant fix.

On Wed, Jan 30, 2008 at 6:00 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:

 Farid Jamea wrote:
   I have an annoying problem on my website
   (http://atlantagoldenrugs.com/viewgallery.php?cid=16pid=335). Look
   at the page and try to gradually shrink the page, and you'll see that
the table containing the rug picture goes under the navigation bar
   if shrank enough. This only happens on IE (It works fine on FireFox
   and Opera). Do you have any suggestion on how to fix this (so the
   table stays in its place)?

  This addition will fix IE7...

  #right {height: 1%; /* hasLayout trigger */}

  ...but IE6 needs more...

  * html #left {margin-bottom: -1000px; /* remove space of float */}


  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/