Re: [css-d] site/form check - caps-web.org

[Gunlaug Sørtun]

Bob Meetin wrote:
> [...] On my higher resolution linux pc (I think 1280x) , the vertical
>  menu drops (expands) about 25 pixels (in height) or so out of its 
> spot.
> 
> site: www.caps-web.org

Like this?


Not necessarily what you're looking for, but that is what that page
looks like in Firefox, Opera, Safari and so on. A bit worse in IE/win.
In short: it can't take /any/ degree of font-resizing in any browser.

regards
Georg
-- 
http://www.gunlaug.no

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Two column layout

[francky]

Debbie Silbert wrote:

>Hello:
>I am trying to layout a page as follows:
>
>Container
>  Header
>  End Header
>
>  MiddleContainer
>   MainText
>MainText End
>
>NavBar
>NavBar End
>  MiddleContainerEnd
>
>  Footer
>  Footer End
>Container End
>
>#container {
>margin: 0 auto;
>width: 724px;
>position: relative;
>padding: 0 10px 0 10px;
>text-align: left;
>background: #fff;
>font: 1em Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
>color: #66;
>}
>
>#header {
>background-color: #ff;
>border-bottom: 1px #00 solid;
>padding-left: 125px;
>padding-right: 125px;
>padding-top: 10px;
>padding-bottom: 10px;
>}
>
>#middlecontainer {
>position: relative;
>float: left;
>}
>
>#maintext {
>width: 425px;
>float: right;
>margin:  0 0 0 275px;
>padding: 0px;
>background-color: #ff;
>}
>
>#navbar {
>float: left;
>margin: 0;
>width: 20px;
>}
>
>I want the maintext and navbar sections to be two columns that are
>top-aligned with the bottom of the header section; that is, they are
>side-by-side.  I cannot figure what float or position properties are
>required of these two sections to make them be side-by-side.  I sincerely
>appreciate any help in figuring this out.
>
>Thank you!
>
Hi Debbie,
If you give some background colors to the div's, you can see where you 
are: testpage 
.
Now in your code the maintext has a width and a margin-left and a 
float-right: for IE that's one property too much, and IE is starting 
under the navbar.

You can also float the mainbox left instead of right, give it a small 
margin-left, and declare the width.
See other testpage 
.

Another approach is a float:left for the navbar, and no float for the 
maincontent > filling up the rest.
Giving the maincontent a margin-left of some more than the width of the 
navbar ensures the maincontent will stay aside of the navbar, and not 
jumping under it as soon as that is possible.

So there is a lot to play! :-)

You can find some good starting points and more hints in  this one 

or this one 
or another one from the 2 column Wiki page 
!

Greetings,
francky

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Two column layout

[Debbie Silbert]

Hello:

I am trying to layout a page as follows:

Container
  Header
  End Header

  MiddleContainer
MainText
MainText End

NavBar
NavBar End
  MiddleContainerEnd

  Footer
  Footer End
Container End

#container {
margin: 0 auto;
width: 724px;
position: relative;
padding: 0 10px 0 10px;
text-align: left;
background: #fff;
font: 1em Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
color: #66;
}

#header {
background-color: #ff;
border-bottom: 1px #00 solid;
padding-left: 125px;
padding-right: 125px;
padding-top: 10px;
padding-bottom: 10px;
}

#middlecontainer {
position: relative;
float: left;
}

#maintext {
width: 425px;
float: right;
margin:  0 0 0 275px;
padding: 0px;
background-color: #ff;
}

#navbar {
float: left;
margin: 0;
width: 20px;
}

I want the maintext and navbar sections to be two columns that are
top-aligned with the bottom of the header section; that is, they are
side-by-side.  I cannot figure what float or position properties are
required of these two sections to make them be side-by-side.  I sincerely
appreciate any help in figuring this out.

Thank you!

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Help with script defer [back to topic :-) ]

[francky]

Jeralyn Merideth wrote:

>Here is the page: 
>http://www.msbanet.org/emails/conference/golf/060718_golf_reg.htm
>[...] script?
>
No! Again: transparent gif's!  :-)
No png's needed, no IE-troubles, no png-hack, no script: testpage 
.

And for the finishing touch you can add some css magic (here we are): 
"ceci est un gif" 


Greetings,
francky

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] [IE6/Win] Strange rendering issue -- possible peekaboo bug

[Ingo Chao]

D. D. Brierton wrote:
> I hope it isn't too much to ask if you
> might have some idea of what was going on 

I don't know. It would be interesting to hunt down the red bleeding I 
described. I expect the float next to relatively positioned element 
inside a non-layot container as the culprit, but you never know until 
you've done the reduction. It doesn't pay well, because the next bug of 
IE is just one thread away.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 auto margin problem

[Felix Miata]

On 06/07/19 12:42 (GMT-0500) Janet Chang apparently typed:

> In the meantime, I'm also working on fixing a display issue for our main 
> school site. I am trying to set the text width in our content div to only
> go 80% across since at 100% the length per line is uncomfortably long to read.

> I've noticed however, that on certain pages that have only a list of links 
> the text is squished in, for example:

> http://www3.law.northwestern.edu/news/newsevents_archive.html
> http://www3.law.northwestern.edu/curriculum/coursecatalog/term.cfm

> This only happens in Firefox, not IE.

> It may be hard to read the source for our pages since the code is pretty 
> messy and not all XHTML/CSS (designed before I came in), but this is the 
> styling I'm trying for the content div:

> #content  {
>   /*margin: 0;*/  /*old text width*/
>   padding: 10px 10px 5px 20px;
>   margin: 0 auto 10px 0;  /*new text width*/
>   width: 80%; /*new text width*/
> }

> Is there something I'm doing wrong or forgot to add?

You'll get the width you want by specifying in characters instead of a %
of some random unknown width. e.g, if you want about 96 characters
maximum overall width, substitute in your #content for 80%, 48em. These
further explain, illustrate and tutor:

http://psychology.wichita.edu/optimalweb/text.htm
http://www.webstyleguide.com/type/lines.html
http://mrmazda.no-ip.com/auth/widths-em-v-px.html
http://mrmazda.no-ip.com/auth/fflinelength.html
http://mrmazda.no-ip.com/auth/Sites/dlviolin.html
http://www.communitymx.com/content/article.cfm?cid=DB750&print=true
-- 
"If you confess with your mouth, 'Jesus is Lord', and believe in
your heart that God raised him from the dead, you will be saved."
Romans 3:23 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
IE7b2 testing hub -- 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] site/form check - caps-web.org

[Bob Meetin]

I could use a site-sanity check here,  Site is fixed width (and live).  
On my windows pc/laptop, it looks fine in both firefox and IE.  On my 
higher resolution linux pc (I think 1280x) , the vertical menu drops 
(expands) about 25 pixels (in height) or so out of its spot. 

site: www.caps-web.org

There are several fill in complaint forms.  I would like to know how 
they look.  In windows IE, look fine to me.  In Firefox, the text is 
expanding and carriage returns are forcing the input fields to drop if I 
zoom the text size using Firefox (View --> text size --> Increase).  
This is a little puzzling because I don't "think" I am using ems to make 
the font size variable in these fields.  Please don't submit a form 
unless you 'really' have a complaint to file.

Just wondering, by not setting a default fixed font size, am I leaving 
it open under user control (thus what happens in Firefox)?

Everything having to do with regular page layout and forms is in 
www.caps-web.org/stylesheet.css.  I use separate stylesheets for the 
vertical and horizontal menu:  www.caps-web.org/vnav.css and 
www.caps-web.org/hnav.css

-Bob




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] rounded corners issue

[francky]

Gunlaug Sørtun wrote:

>Jeralyn Merideth wrote:
>  
>
>>Any other suggestions anyone?
>>http://216.119.67.187/js/index.htm
>>
>>
>No problem whatsoever. Just pull those top and bottom corner-parts over
>the edge of their container, and style them without a background. Then
>those rounded corners will go with any page-background.
>
>1: adjust position of the main container, by adding... [...]
>
>2: treat the sidebar the same way, by adding... [...]
>
>Now, you are using an ID over and over again, #sidebar, so that should
>be changed into a class since IDs should only appear once in each page.
>
>regards
>   Georg
>  
>
Hi Jeralyn,
Knowing Georg likes alternatives ;-) , I was carpenting an image variant 
to the nifty corners (I don't appreciate the  things too much - 
difficulties with my imagination - like html-Tidy I always want to 
delete them in the html ...).
Working as follows:

* paint a small image with the top and bottom corners (172 bytes),
  save it as gif with transparent corners outside.
* the html consists of a container, and inside: a top box with the
  top corners, then a content box with the content and the solid
  background, then a bottom corner box (and then closing of the
  first container).
* in your case it is a fixed width column [1], so the left and right
  corners don't need to be in a separate box to become liquid: less
  div's!

I applicated it only to the sidebar new-items, the content corners can 
be treated in a similar way. [2]

Tested in html-validator, css-validator, FF (1.07), IE6, Opera (7.54 and 
8.01),  the old NS6 .2  ( see [3] ), and Mozilla 1.71.
This is the testpage 
. 
:-)

I saw you got it working in the meantime!

Greetings,
francky

btw-1: good looking navbar. :-)
Oh, to get a 2 word item in the same line (if enlarged) , you can 
replace the space between by a " ".
btw-2: some 25kB can be saved by reworking the images (see comments in 
source code testpage). Modem visitors will be gratefull!
btw-3: noticed a typo in the company-stamp in the header. ;-)

[1]
For a 100% liquid way and more about the image method see: liquid 
corners article 
.

[2]
The 2 corner image parts of the content box can be combined with the img 
of the sidebar (with proper positioning): still only 1 img needed.

[3]
Here the "hidden header" (#mainhead h2, in case of disabled images or 
disabled css) is always showed in NS6.2 and disturbing the rest of the 
lay out. - This is a screenshot 
.
 
- As compensation: NS6 is not showung the nifty corners (in the content 
column)...
A quick and easy workaround for the hidden header I didn't find. - That 
is: 5 or 6 working workarounds, also good for all other browsers ... 
except IE.
Maybe the best way is to delete the text from the header image, and make 
real text of it (with an adapted h2 style for the first line).



 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 do it on IE?

[Gunlaug Sørtun]

Augusto Flavio wrote:

> http://smartlinks.com.br/~aflavio/joomla/index.php
> 
> Look the layout on firefox and after on IE. On IE the content of site
>  not stay inside of background(corners borders). On Firefox work well
>  but not in IE.

IE/win needs a well-placed 'hasLayout'[1] trigger.

Add the following:

* html div.dialog div.s {height: 100%;}

...and IE will behave as you want.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 do it on IE?

[Augusto Flavio]

Hi @ all,


I`m making a layout but i'm having many problems with it. I already try found 
the solution on freenode(#css channel) but anyone cannot help me. 

The layout that im saying can be seen on:
http://smartlinks.com.br/~aflavio/joomla/index.php

Look the layout on firefox and after on IE. On IE the content of site not stay 
inside of background(corners borders). On Firefox work well but not in IE. 


I having using 2 divs: left and right.

I tried use "overflow: visible" in both of the divs but it worked just on 
Firefox. Because of this is that the layout work well on Firefox. 



Someone can help me ? 

I not have idea how to fix it on IE. 



Thanks for all


-
 Você quer respostas para suas perguntas? Ou você sabe muito e quer 
compartilhar seu conhecimento? Experimente o Yahoo! Respostas!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 auto margin problem

[Janet Chang]

At 01:09 PM 7/19/2006, Chris Hughes wrote:
>In message 
><[EMAIL PROTECTED]>, Janet 
>Chang <[EMAIL PROTECTED]> writes
>>
>>In the meantime, I'm also working on fixing a display issue for our main
>>school site. I am trying to set the text width in our content div to only
>>go 80% across since at 100% the length per line is uncomfortably long to 
>>read.
>>
>>I've noticed however, that on certain pages that have only a list of links
>>the text is squished in, for example:
>>
>>http://www3.law.northwestern.edu/news/newsevents_archive.html
>>http://www3.law.northwestern.edu/curriculum/coursecatalog/term.cfm
>>
>>This only happens in Firefox, not IE.
>Those pages look the same  in MSIE 6, Opera 9.1 and FireFox 2.0b1 on my 
>system...
>--
>Chris Hughes

Really? For me, IE 6 displays the width correctly, but in Firefox, this is 
what it looks like:

http://www3.law.northwestern.edu/registrar/coursesbyterm_screenshot.png

(Actually, when I went back to the News Archive page in Firefox just now, 
it looks pretty much like the IE version except that the underline under 
"News Archive" is shorter than it appears in IE. Before, though, it was as 
squished together as in the screenshot)

Janet



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Solution to rounded corners

[Jeralyn Merideth]

First...sorry for the off topic post. Second, I wanted to publicly thank Georg 
(Gunlaug S�rtun) for his help in resolving my problem. I am pasting the 
pertinent code here for anyone who may find his solution as helpful as I did.
http://216.119.67.187/js/index.htm


Thanks again,

J
~

#mainContent {
margin: 8px;
background: #F0F0E7;
float: right;
width: 70%;
margin-top: 14px /* new */;
display: inline /* new - IE-bug fix */;
}
#sidebar {
margin: 8px;
background: #F0F0E7;
float: left;
width: 25%;
margin-top: 14px /* new */;
display: inline /* new - IE-bug fix */;
}
#sidebar2 {
margin: 8px;
background: #F0F0E7;
float: left;
width: 25%;
margin-top: 14px /* new */;
display: inline /* new - IE-bug fix */;
}
#sidebar3 {
margin: 8px;
background: #F0F0E7;
float: left;
width: 25%;
margin-top: 14px /* new */;
display: inline /* new - IE-bug fix */;
}
b.rtop, b.rbottom {
display: block;
background: none /* new */;
position: relative /* new - IE-bug fix */;
}
b.rtop {
margin-top: -5px /* new */;
}
b.rbottom {
margin-bottom: -5px /* new */;
}
b.maintop {
display: block;
margin-top: -4px;
background: none /* new */;
position: relative /* new - IE-bug fix */;
}



-
Do you Yahoo!?
 Everyone is raving about the  all-new Yahoo! Mail Beta.

-
Yahoo! Messenger with Voice. Make PC-to-Phone Calls to the US (and 30+ 
countries) for 2¢/min or less.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Three column div

[Aaron Gray]

- Original Message - 
From: "Dave Pierce" <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, July 19, 2006 7:11 PM
Subject: Re: [css-d] Three column div


> Aaron also asked...
>
 http://angray.members.beeb.net/Examples/CSS/ThreeColumnExample.html

 It has been tested here on IE 6, FF, and Safari.

 Anyone able to test NN4 and IE5.5 ?
>>>
> Aaron, in IE5 Mac, the three columns don't stop at a max width as they
> do in Safari, and crash into each other and pile up when the window is
> made thinner.
>
> I could be wrong, but don't believe that this IE supports
> min-width/max-width properties. You may have to use a separate CSS
> stylesheet for this, with a set size for IE.

Yes, I have seen IE/mac 5.2.3 rendering, no min/max-width supported, and no 
CSS expressions either. Anyway, I would call that graceful degradation. I 
could put a dummy fixed width div to give a minimum width, which would stop 
the pile up.

Most sensible mac users are going to use Safari anyway, whats with this old 
Microsoft stuff on a new Mac anyway :)

Thanks,

Aaron

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Three column div

[Dave Pierce]

Aaron also asked...

>>> http://angray.members.beeb.net/Examples/CSS/ThreeColumnExample.html
>>>
>>> It has been tested here on IE 6, FF, and Safari.
>>>
>>> Anyone able to test NN4 and IE5.5 ?
>>
>>
>> Aaron, in Mac IE5.2.whatever, the columns act correctly, except the
>> words "left" and "right" are hugging the left side of each of their
>> respective columns.
>
> Yes they should be centered, they are not inheriting the center 
> attribute
> from body. Okay this is minor, that is good the columns are functioning
> properly.
>
> Does it resize correctly with minimum and maximum widths ? Or degrade 
> neatly
> ?
>
Aaron, in IE5 Mac, the three columns don't stop at a max width as they 
do in Safari, and crash into each other and pile up when the window is 
made thinner.

I could be wrong, but don't believe that this IE supports 
min-width/max-width properties. You may have to use a separate CSS 
stylesheet for this, with a set size for IE.

Dave

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 auto margin problem

[Chris Hughes]

In message 
<[EMAIL PROTECTED]>, Janet 
Chang <[EMAIL PROTECTED]> writes
>First, thanks to all who've replied so far with suggestions for the new
>site I'm building (www3.law.northwestern.edu/macarthur)  w/ CSS styling.
>I'm reading up on the suggestion to implement a background image to create
>faux columns.
>
>In the meantime, I'm also working on fixing a display issue for our main
>school site. I am trying to set the text width in our content div to only
>go 80% across since at 100% the length per line is uncomfortably long to read.
>
>I've noticed however, that on certain pages that have only a list of links
>the text is squished in, for example:
>
>http://www3.law.northwestern.edu/news/newsevents_archive.html
>http://www3.law.northwestern.edu/curriculum/coursecatalog/term.cfm
>
>This only happens in Firefox, not IE.
>
Those pages look the same  in MSIE 6, Opera 9.1 and FireFox 2.0b1 on my 
system...
-- 
Chris Hughes
"Reality is that which, when you cease to believe, continues to exist."
http://www.epicure.demon.co.uk

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 auto margin problem

[Janet Chang]

First, thanks to all who've replied so far with suggestions for the new 
site I'm building (www3.law.northwestern.edu/macarthur)  w/ CSS styling. 
I'm reading up on the suggestion to implement a background image to create 
faux columns.

In the meantime, I'm also working on fixing a display issue for our main 
school site. I am trying to set the text width in our content div to only
go 80% across since at 100% the length per line is uncomfortably long to read.

I've noticed however, that on certain pages that have only a list of links 
the text is squished in, for example:

http://www3.law.northwestern.edu/news/newsevents_archive.html
http://www3.law.northwestern.edu/curriculum/coursecatalog/term.cfm

This only happens in Firefox, not IE.

It may be hard to read the source for our pages since the code is pretty 
messy and not all XHTML/CSS (designed before I came in), but this is the 
styling I'm trying for the content div:

#content{
/*margin: 0;*/  /*old text width*/
padding: 10px 10px 5px 20px;
margin: 0 auto 10px 0;  /*new text width*/
width: 80%; /*new text width*/
}

Is there something I'm doing wrong or forgot to add?

Janet Chang
Communications Editor
Northwestern University School of Law


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Clearing Space with inline-table question

[Ingo Chao]

Alex Robinson wrote:
>> Looking at that Wiki entry, option 2 suggests using the inline-table
>> property. My memory may be faulty, but I seem to recall that this
>> recommendation was changed to inline-block as a more cross-browser
>> solution (for IE 7 perhaps?)
>>
>> I don't have a reference for this, so perhaps some kind member will
>> confirm or deny this?
> 
> 
> Well, hopefully Big John will stumble upon this thread and tell us 
> what's what, but in the meantime I'll have a stab (and no doubt get 
> things all wrong).
> 
> I think you have it backwards.
> 
> Option 2 on the ClearingSpace page of the wiki (ie. PIE's 
> EasyClearing) originally used inline-block to conquer Mac IE.[0] 
> Subsequently inline-block became inline-table.

http://css-discuss.incutio.com/?page=ClearingSpace

The variant with inline-block has the slight advantage that IE7 doesn't 
fail to contain the float.

http://www.tanfa.co.uk/archives/show.asp?var=300

The star html hack is not supported, so inline-block introduces layout, 
and display is overwritten later without affecting the haslayout-status 
again.

The block gets haslayout and can therefore contain the floats.


The inline-block and inline-table part was about IE-Mac, so we should 
consider both the IE7 and IEMac problems in a solid method.


Ingo



-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Ascendant selectors in CSS2

[Christian Heilmann]

> >Does anyone know if there are going to be ascendant selectors in
> >CSS2+?
> >
> I hope not. CSS is complex enough already!
> It would be much more preferable if Microsoft implemented substantially
> more of the existing specification, in my opinion. Display table
> properties, for example...  :-)

The specs are online...
http://www.w3.org/Style/CSS/current-work

Personally I'd have loved to see nested selectors.

something like

div#content{
  p{]
  li{}
}

instead of

div#content p{}
div#content li{}

But alas...
http://www.wait-till-i.com/index.php?p=200


-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] [ADMIN - OFF TOPIC] Re: Help with script defer

[Alex Robinson]

>  Originally, I embedded the script defer and in IE it was great but 
>in FF the code was visible above the wrapper div. I now have it 
>linked and all is well, but if the program doesn't make the call, 
>how do I embed it w/o this happening?


The subject of how to correctly markup script defer has nothing to do with CSS.

If you want to answer Jeralyn, please do so off list.



Alex Robinson
css-d moderator
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Clearing Space with inline-table question

[Alex Robinson]

>Looking at that Wiki entry, option 2 suggests using the inline-table
>property. My memory may be faulty, but I seem to recall that this
>recommendation was changed to inline-block as a more cross-browser
>solution (for IE 7 perhaps?)
>
>I don't have a reference for this, so perhaps some kind member will
>confirm or deny this?


Well, hopefully Big John will stumble upon this thread and tell us 
what's what, but in the meantime I'll have a stab (and no doubt get 
things all wrong).

I think you have it backwards.

Option 2 on the ClearingSpace page of the wiki (ie. PIE's 
EasyClearing) originally used inline-block to conquer Mac IE.[0] 
Subsequently inline-block became inline-table.

Why? inline-block does not validate as CSS2 whereas inline-table does.

I think that's why the technique substituted inline-table for 
inline-block, to prevent cries of "but it's not valid CSS' since the 
W3 CSS validator checks against CSS2.


However it should be noted:

1. I've found that inline-table often doesn't work or has crazy 
side-effects in IE Mac 5. Unfortuantely I have never made test cases 
of this so I can't prove it but inline-block always did the trick for 
me.

2. The fact that W3 states that CSS2.1 is the current working version 
(ie supercedes CSS2 - http://www.w3.org/Style/CSS/#specs) raises the 
issue of why on earth the validator checks against CSS2 by default, 
and makes it arguable that inline-block is not invalid at all (it is 
valid CSS2.1), but just appears to be so if you don't understand the 
W3's validator. That however is going off into a whole can of worms 
which has no place on this list but which would be better address to 
the W3's own list.





[0] In fact if you look further down the page you'll note references 
to other side effects of using inline-block that act as a fossilised 
reminder of the article's past...
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Ascendant selectors in CSS2

[David Hucklesby]

On Wed, 19 Jul 2006 11:53:33 +1000, Adam George wrote:
> Does anyone know if there are going to be ascendant selectors in
> CSS2+?
>
I hope not. CSS is complex enough already!
It would be much more preferable if Microsoft implemented substantially
more of the existing specification, in my opinion. Display table
properties, for example...  :-)

Cordially, David
--


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Help with script defer

[Jeralyn Merideth]

Thanks to all who recently helped with the rounded corner issue. One of the 
suggestions was to make png's and then add the "script defer" at the head. I am 
doing this with a page I am putting together at work designed for a broadcast 
email. It looks ok now and the pngs are totally working right in IE for the 
moment, but the concern comes in because the antiquated program we use doesn't 
recognize linked styles...only embedded. Originally, I embedded the script 
defer and in IE it was great but in FF the code was visible above the wrapper 
div. I now have it linked and all is well, but if the program doesn't make the 
call, how do I embed it w/o this happening?

Here is the page: 
http://www.msbanet.org/emails/conference/golf/060718_golf_reg.htm

TIA,

J


-
Do you Yahoo!?
 Get on board. You're invited to try the new Yahoo! Mail Beta.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] making div as large as it needs to be

[David Laakso]

Marlene T. Yogerst wrote:
> Thanks to all who responded.  Here are my responses to your answers:]
> www.roughandreadydesigns.com/test/index.shtml
>
>   
> it likely it is, as Els mentioned, an absolute position problem.<<
> It's nearly the same.  I tried using relative positioning, but that put all 
> the divs all over the page.  I'm just not getting the relative positioning.  
> I know, I need to study it more!  I also don't understand why absolute 
> positioning is fragile.  It seems pretty cut and dried to me and I haven't 
> had problems with it on a different site I made.
>
> marlene 
>   
Marlene, first off, no big deal.

I painted the background-colors of your current page and added a little 
content: 
You are not far off, and some minor adjustment will do the trick.

That being said,  the difficulty is perhaps more in understanding the 
Web than CSS. The Web is a fluid medium that is controlled by her users. 
It is highly probable, for example, that someone in the world will need 
the text larger because they are unable to read it (even though I reset 
your page to default). View the page I put up in IE at text-size 
'largest' /and/ in FF at +1 font-zoom. The text moves but the absolute 
positioned containers do not move; consequently, the layout breaks. Some 
of us believe that accommodating the Web and her users is what Web 
design is all about. If you agree, you'll find things will go easier for 
you(and your users) when you do not structure the layout with absolute 
positioning.

HTH

Best,
~dL










-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Clearing Space with inline-table question

[David Hucklesby]

On Mon, 17 Jul 2006 13:23:29 -0500, cj wrote, re. CSS Formatting:
>
> [...] I prefer using option #2 in the wiki (http://css-
> discuss.incutio.com/?page=ClearingSpace), which doesn't add
> additional markup, either, and perhaps should be mentioned in your
> version of a guideline.
> __

Looking at that Wiki entry, option 2 suggests using the inline-table
property. My memory may be faulty, but I seem to recall that this
recommendation was changed to inline-block as a more cross-browser
solution (for IE 7 perhaps?)

I don't have a reference for this, so perhaps some kind member will
confirm or deny this?

Cordially, David
--

-- 
___
Play 100s of games for FREE! http://games.mail.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] making div as large as it needs to be

[Els]

Marlene T. Yogerst wrote:

[on problems caused by absolute positioning]
> It's nearly the same.  I tried using relative positioning, but
> that put all the divs all over the page.  I'm just not getting
> the relative positioning.  I know, I need to study it more!

No, relative positioning is not an alternative for absolute 
positioning.
What you need to start with, is no positioning at all.
Then you will see that divs grow when they have more content.
Then, you may want to bring some structure into the page, by 
floating a few elements.
And then... you will run into things you want and ask here, and 
then we'll most likely have answers that are easy to understand 
and implement :-)

Just remember: don't use absolute or relative positioning, until 
you've mastered normal styles and floats and clears.

> I also don't understand why absolute positioning is fragile.

Because it leaves no room for movement in the page.

> It seems pretty cut and dried to me and I haven't had problems 
> with it on a different site I made.

I'm curious to see that site - does it remain looking as it 
should in Firefox when you enlarge the font-size?

> Thanks again for your help.
>
> marlene (whose brain drain is still in effect)

Depending on where you are, that could also be caused by the heat 
;-)

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/

>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Page Loads

[Michael Landis]

On 7/15/06, Donna Pfledderer @ Virtual Business Connection
<[EMAIL PROTECTED]> wrote:
> I have searched the archives on page loads, but I'm not sure
> they answered my question or I just didn't understand.
>
> But, this site, www.1startescape.com When the page loads in
> IE the background reloads/flickers, every time the page
> loads, but it doesn't do that in Firefox. How can I get a
> seamless load were the images, text boxes and background
> load at once? Is that possible?

Hi, Donna,

I'm not certain, but I would imagine that processing the semi-opaque
image containers is causing IE to do a lot of extra work. Since most
of the images appear to be used as backgrounds, not elements on top of
dynamic content, you might want to consider changing how your images
are created, so that you can use fully opaque images that look layered
rather than asking the browser to do the layering itself. Try removing
the opacity filters and see if it still flickers.

HTH,

Michael
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] making div as large as it needs to be

[Marlene T. Yogerst]

Thanks to all who responded.  Here are my responses to your answers:

>>Is the background colour of the parent element also white? If so, how do you
know that .main_content isn't resizing itself?<<

No, the background is black for now so I could see where the div was going.


>>the solution lies in not using position:absolute for some or all of the 
>>elements in the page.Impossible to tell without seeing the whole page though.
What is the url?<<

Sorry, should have included that in my original email:

www.roughandreadydesigns.com/test/index.shtml

(the positioning of other divs is off because I am concentrating on the 
.main_content div now and will address the others after I get that one right)

>>If this is the same layout that you posted a few days ago, then it is 
likely it is, as Els mentioned, an absolute position problem.<<

It's nearly the same.  I tried using relative positioning, but that put all the 
divs all over the page.  I'm just not getting the relative positioning.  I 
know, I need to study it more!  I also don't understand why absolute 
positioning is fragile.  It seems pretty cut and dried to me and I haven't had 
problems with it on a different site I made.

Thanks again for your help.

marlene (whose brain drain is still in effect)




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Auto adjusting height of container div

[David Laakso]

Ryan Keefer wrote:
> I want that container div to  
> automatically adjust its height as more (or less) content is added to  
> the divs inside it. ..]
>
> What do I need to do differently to make this work?
>   
Simple :-) . Provide a link to the page in your post, Ryan. That way 
someone will be able to offer a specific solution (or solutions). 
Otherwise it is a shot in the dark to guess at exactly what the problem 
might be.
> Ryan
>   
Best,
~dL

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 collapsible box

[Christian Heilmann]

> mindy wrote:
> > Hey all,
> >
> > I'm looking for a Css driven collapsible (looking) box for content. Any
> > suggestions?
> >
>
> Mindy,
>
> I don't know what a collapsible box is. Perhaps you should provide an
> example of what you are referring to, and others will have better luck
> pointing you towards CSS versions or techniques to create CSS versions.

I took that offline. The idea was to have an address collapsible when
you click a link, which is JavaScript's job.

The example that fit the bill was:
http://www.beginningjavascript.com/Chapter5/exampleStylesheetChange.html

Mindy then had the problem that Babelfish didn't translate the hidden
part of the page, but that was because of me using an  tag,
which Babelfish rightfully does not translate.

http://www.beginningjavascript.com/Chapter5/exampleDynamicStylingNo.html
 gets translated completely.

Yet another reason to use the ADDRESS tag :-)


-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Auto adjusting height of container div

[cj]

a page to look at would really help, but my guess is that you're
trying to "contain floats", in which case we have a wiki page just for
you.  :)  i recommend looking at #2 first.

http://css-discuss.incutio.com/?page=ClearingSpace
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Auto adjusting height of container div

[Tom Livingston]

On 7/19/06, Ryan Keefer <[EMAIL PROTECTED]> wrote:
> Hey all,
>
> I'm missing something basic in CSS and it keeps popping up in sites
> I'm working on. I've got a container div (background of #FFF) that
> has smaller divs floating in it. I want that container div to
> automatically adjust its height as more (or less) content is added to
> the divs inside it. Right now, if I omit height or put height: auto,
> it doesn't work. I have to put a fixed pixel heights in to make any
> difference.
>

Sounds like you need to clear the floats. After the last floated
element, but within the container add:



Adjust accordingly, or make a class with that style. Also, see:
http://www.positioniseverything.net/easyclearing.html

or search the CSS-D wiki for clearing

HTH

-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Auto adjusting height of container div

[Ryan Keefer]

Hey all,

I'm missing something basic in CSS and it keeps popping up in sites  
I'm working on. I've got a container div (background of #FFF) that  
has smaller divs floating in it. I want that container div to  
automatically adjust its height as more (or less) content is added to  
the divs inside it. Right now, if I omit height or put height: auto,  
it doesn't work. I have to put a fixed pixel heights in to make any  
difference.

What do I need to do differently to make this work?

Thanks,
Ryan


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Position text inside DIV

[Dave Goodchild]

On 19/07/06, Tom Livingston <[EMAIL PROTECTED]> wrote:
>
> On 7/18/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> > I am having trouble positioning the text inside the div.  Maybe I have
> the wrong markup?
> >
>
> Where do you want it to be?
>
> --
>
>
> Tom Livingston | Senior Multimedia Artist | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
> __


Where do you want it to be? And probably better to dump
accessibility-killing frames but that's just me!




-- 
http://www.web-buddha.co.uk
http://www.projectkarma.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 collapsible box

[Zoe M. Gillenwater]

mindy wrote:
> Hey all,
>
> I'm looking for a Css driven collapsible (looking) box for content. Any
> suggestions?
>   

Mindy,

I don't know what a collapsible box is. Perhaps you should provide an 
example of what you are referring to, and others will have better luck 
pointing you towards CSS versions or techniques to create CSS versions.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] trouble with menu div placement

[Lord Khaos]

On Wed, 2006-07-19 at 11:11 +0200, Ingo Chao wrote:

> The trouble is due to a misunderstanding of selectors and specificity.
> The comma separates completely.
> And the specifity of this
>div#header li ul { display: none; }
> is higher than
>li.over ul { display: block; }
> therefore, it keeps not displayed in IE Win.
> Ingo
That was exactly my error. Thanks Ingo. 

Sincerely,
Howard

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Anchors and hidden overflow

[Zoe M. Gillenwater]

Marcelo Wolfgang wrote:
> Hi list,
>
> Is it possible to move 2 's that has some content hidden by using
> the overflow selector using html anchors ?
>
> Like when click an link, the 2 div's respond to that click, moving itself ?
>   

Page effects that respond to clicking need to be done with JavaScript. I 
suggest asking your question on another list that covers this topic.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Position text inside DIV

[Tom Livingston]

On 7/18/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> I am having trouble positioning the text inside the div.  Maybe I have the 
> wrong markup?
>

Where do you want it to be?

-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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 Formatting

[Zoe M. Gillenwater]

Donna Casey wrote:
> Alex Foley wrote:
>   
>> I'd sure like a confirmation from someone that overflow: auto is the way 
>> to go... I've been clearfix-ing up until about 12:03 pm today.
>> 
>
> Zoe's excellent (free) article explains much of this:
>
> http://communitymx.com/content/article.cfm?cid=6BC9D
>
> A great read!
>
> thanks, Zoe!
>
>   

You're welcome, but I certainly don't mean that article to be an 
endorsement of using overflow to contain floats all the time. I use the 
Easy Clearing method most of the time. Part of this is habit, but part 
of it is because I have had issues with scrollbars showing up in some 
browsers in complex layouts.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] making div as large as it needs to be

[David Laakso]

Marlene T. Yogerst wrote:
> I'm having a brain drain and need some help.  I have a div that I want 
> to have automatically resize itself down the page as content is added to 
> it] 
>
> marlene
Marlene,

If this is the same layout that you posted a few days ago, then it is 
likely it is, as Els mentioned, an absolute position problem. That 
layout had, as I recall, an absolute position layout structure-- and it 
was very fragile and brittle. You'll do much better, and things will go 
more smoothly, with a float layout that does not employ any absolute 
positioning. Provide a uri to the list for your page, or write me 
off-list, and I'll attempt to at least get you started.

In the meantime hang in there. There is one thing you can count on: all 
will be well :-) !

Regards,

~dL

 

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] trouble with menu div placement

[Ingo Chao]

Lord Khaos wrote:
> ... mine refuses to show the drop-down:
> 
> http://www.howardroberts.net/fchcc/index.html 
> 

div#header li ul {
display: none;
...
}


div#header li:hover ul, li.over ul {
display: block;
}


The trouble is due to a misunderstanding of selectors and specificity.


This

   div#header li:hover ul, li.over ul { display: block; }

equals to

   div#header li:hover ul { display: block; }

   li.over ul { display: block; }

The comma separates completely.


And the specifity of this

   div#header li ul { display: none; }

is higher than

   li.over ul { display: block; }


therefore, it keeps not displayed in IE Win.


Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/