[css-d] follow up on: 'can anyone see my content disappearing'

[kristin]

i wrote:
> i am told that on the wine pages  & contact page:
>  
>  
http://www.tuttobenewines.com/contact.html
>  
http://www.tuttobenewines.com/wines-rosso.html
>  
http://www.tuttobenewines.com/wines-bianco.html
>  
> i have a disappearing content bug in IE6 win SP2.
>  
> I cannot for the life of me recreate it - despite seeming to have the 
> same environment, so i'm am having difficulty fixing it.  Any 
> guideance would be greatly appreciated,
 
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
-+-+-+-+-+-+
 
i got lots of advice from lots of folks - Ingo, Lori and lots of folks that
just said it looked great.  thanks to everyone.  Because of the vagueness of
the client complaint we had lots of speculation as to what the problem might
be - and I for one learned a lot about high resolution display on dell
laptops.  :-)
 
turned out to be three things, I believe:
 
1 - i did have an IE disappearing content bug which I solved with Ingo's
haslayout suggestion
2 - the client was looking at a jpg comp and then looking at his page in IE
with View > Text Size > Largest, even though he has perfect vision, and was
unhappy that what he saw didn't match the comp.  when i finally was allowed
to speak to the client, this was easy to clear up.
3 - when the text size was bumped up, it wrapped poorly, which I believe I
have since corrected.  (thanks again to a suggestion from Ingo!)
 
the client didn't end up having a high resolution display, but I'm so glad I
got to learn all about it anyway.  :-)
 
thanks so much to everyone who lent a hand!  
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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 I position a floated div and its descendants over other divs when they overlap?

[Matthew Ohlman]

Josue Martinez wrote:
> Here's the css file: http://www.ic.sunysb.edu/clubs/phiota/test/base.css
>
> And here's the problem: When you hover over "about," you'll notice that the
> menu is drawn behind the leftmost column instead of on top of it, even
> though it seems to draw in front of the right column. I tried using z-index
> to fix this behavior, but it didn't work. I'm thinking (and hoping) this
> will be easy to fix, but z-index was the only thing I could think of. Maybe
> I implemented it incorrectly.
>
>   

Josue:

Take the z-index line completely out in the #sidebar declaration, and 
then add z-index: 1; to div#nav ul ul

So, it will look something like this:

div#nav ul ul {
background: white url(assets/images/stripes.gif);
position: absolute;
width: 110px;
z-index: 1;
display: none;
}

AND THEN

#sidebar {
position: absolute;
top: 150px;
left: 0;
/*background-color: #99CC99; /*Temp bg to help see whats where*/
width: 192px;
margin: 50px 0 0 5px;

}

Are you aware your sub-menus are not showing up in IE6, nor is the news 
sidebar?  The latter problem /may/ be fixed with those z-index changes, 
not sure.

Matthew



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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 I position a floated div and its descendants over other divs when they overlap?

[Josue Martinez]

Hello, listers:

I have styled my menu to a great extent (thanks to your support), and the
first-level navigation looks pretty good. I'm going to polish the second
level, but that's not my concern right now. Here's the url of the page:
http://www.ic.sunysb.edu/clubs/phiota/test/

Please look at the HTML markup so you'll know what the structure is. I'll
just say that the masthead (banner), navigation, and columns (1 narrow left
and one wide right) are in their own divs.

Here's the css file: http://www.ic.sunysb.edu/clubs/phiota/test/base.css

And here's the problem: When you hover over "about," you'll notice that the
menu is drawn behind the leftmost column instead of on top of it, even
though it seems to draw in front of the right column. I tried using z-index
to fix this behavior, but it didn't work. I'm thinking (and hoping) this
will be easy to fix, but z-index was the only thing I could think of. Maybe
I implemented it incorrectly.

Thanks for your help

Josue
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] centering elements via margin: auto

[Josue Martinez]

On 7/1/07, Michael Leibson <[EMAIL PROTECTED]> wrote:
>
>
> Date: Sat, 30 Jun 2007 14:32:26 -0700
> From: Alan Gresley <[EMAIL PROTECTED]>
> Subject: Re: [css-d] centering elements via margin: auto
>
> . . . If the body had no text alignment (the default is text-align: left)
> then you don't have to restate text-align: left on any element unless an
> ancestor has text-align: center already. The CSS is less complicated if you
> only center what needs to be centered.
>
> . . . Apart from text-align: center centering text, it also centers
> images. The real poison is that for IE, text-align: center will center all
> descendant elements as well, so be careful. The text-alignment that you
> would achieve with the CSS as above could be stated.
>
> #container {margin 0 auto;}
>
> Kind Regards, Alan


Alan, the problem with that is that, at least as of a few years ago, IE6/Win
does not center the container with #container {margin: 0 auto;}, which is
why the text-align: center is applied to the body element. It's precisely
because that rule centers all descendants in IE6/Win that we are using it to
make up for the fact that auto left and right margins won't center the
container in IE6/Win.

Again, I don't know if IE6 SP2 fixes this, but I doubt it. So the workaround
we proposed earlier is appropriate and necessary if IE6/Win behaves as it
did before SP2.

Josue
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] 3 col layout breaks in IE6

[Bruce Gilbert]

On 7/1/07, Bruce Gilbert <[EMAIL PROTECTED]> wrote:
>
> Hello,
>
> I have a test page set up at http://www.mellonaidftp.com/ssri/test.php
>
> the page displays as intended in IE7 and Firefox, but in IE6, it blows up.
> The rounded corner boxes that should be floating right are displaying in the
> middle column and the middle column text is barely making an appearance.
> Also, the rounded corner boxes are appearing way too wide in IE6. They
> should only be 215px wide.
>
> The CSS I am using is http://www.mellonaidftp.com/ssri/CSS/Secondary.cssand 
> for a few things I am targeting IE browsers only and using
> http://www.mellonaidftp.com/ssri/CSS/Secondary_IE.css
>
> can anyone offer any suggestions  on getting IE6 to behave with this
> layout?
>
> thanks in advance!
>
> --





I think I figured out my problem, it was an issue where I had a width set to
> the ul li, and that was causing it to break in IE6
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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 to reply to one message within a daily digest?

[david]

Steve Axthelm wrote:
> On 2007-06-30 Andrew Gaffney wrote:
> 
>> You really don't. Daily digests are meant for people who just read the
>> list and don't post. If you intend to reply to particular posts,
>> switch off digest mode.
> 
> Or find an email client that supports the digest format. 
> Mailsmith on OSX does. I believe Agent (Windows) and Eudora 
> (OSX/Win) do as well.

Pegasus Mail for Windows does it best.

Thunderbird does it.

CSS doesn't do it. ;-)

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Having an Anchor span block level elements

[Robert James]

On 7/1/07, Mark Kelly <[EMAIL PROTECTED]> wrote:
>
> On Sunday 01 July 2007 21:50, Robert James wrote:
> > I'd like to have an entire DIV, including H2's, be a hyperlink (A).
> > (Why? Imagine a web app with various panels with can be clicked on).
> Have you considered the  form element rather than using a div?
>

Is there a way to set an href for an element other than an anchor ()? So
that clicking on it follows it?

In general, is there a way to make a block element act as linked?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] centering elements via margin: auto

[Michael Leibson]

Date: Sat, 30 Jun 2007 14:32:26 -0700
From: Alan Gresley <[EMAIL PROTECTED]>
Subject: Re: [css-d] centering elements via margin: auto

. . . If the body had no text alignment (the default is text-align: left) then 
you don't have to restate text-align: left on any element unless an ancestor 
has text-align: center already. The CSS is less complicated if you only center 
what needs to be centered.

. . . Apart from text-align: center centering text, it also centers images. The 
real poison is that for IE, text-align: center will center all descendant 
elements as well, so be careful. The text-alignment that you would achieve with 
the CSS as above could be stated.

#container {margin 0 auto;}

Kind Regards, Alan


Many thanks, Alan.
- Michael





  Be smarter than spam. See how smart SpamGuard is at giving junk email the 
boot with the All-new Yahoo! Mail at http://mrd.mail.yahoo.com/try_beta?.intl=ca

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Replying to individual posts within a digest

[Michael Leibson]

Date: Sat, 30 Jun 2007 10:03:32 -1000
From: david <[EMAIL PROTECTED]>
Subject: Re: [css-d] How to reply to one message within a daily
digest?
. . . you CAN reply to individual posts within a digest . . . 

Thanks, David -- I appreciate the very helpful info!
- Michael








  Be smarter than spam. See how smart SpamGuard is at giving junk email the 
boot with the All-new Yahoo! Mail at http://mrd.mail.yahoo.com/try_beta?.intl=ca

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Having an Anchor span block level elements

[Robert James]

On 7/1/07, Mark Kelly <[EMAIL PROTECTED]> wrote:
>
> Hi.
>
> On Sunday 01 July 2007 21:50, Robert James wrote:
> > I'd like to have an entire DIV, including H2's, be a hyperlink (A).
> > (Why? Imagine a web app with various panels with can be clicked on).
> >
> > Now, this is illegal in HTML.  I'm also getting weird behavior where the
> > click seems to be ignored sometimes.
> >
> > What is the proper way to achieve this
> > - that is, making a hyperlink cover block elements?
>
> Have you considered the  form element rather than using a div?
>

Interesting approach... is it possible to do this without a form - with a
simple href?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Having an Anchor span block level elements

[Mark Kelly]

Hi.

On Sunday 01 July 2007 21:50, Robert James wrote:
> I'd like to have an entire DIV, including H2's, be a hyperlink (A). 
> (Why? Imagine a web app with various panels with can be clicked on).
>
> Now, this is illegal in HTML.  I'm also getting weird behavior where the
> click seems to be ignored sometimes.
>
> What is the proper way to achieve this
> - that is, making a hyperlink cover block elements?

Have you considered the  form element rather than using a div?

It can be styled all manner of ways, and is actually intended for the kind 
of stuff I think you are trying to do. Obviously, I may be 
misunderstanding your needs, but have a look at it anyway.



Send an Invitation
Send a invitation to



This is legal html, and you can style "invitationbutton" as display:block, 
set hover, background, border etc. however you wish. It will all work as 
one big link.

Hope this helps

Mark


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Having an Anchor span block level elements

[Matthew Ohlman]

Robert Wrote:
>
> I'd like to do something like:
>   
>  
>   Send an Invitation
>   Send a invitation to
> 
>   
>
> I also want to ensure that a click in anywhere in the div (including 
> whitespace) follows the .
>

Gotcha. This may or may not help you, but I hope it does.

If you use this HTML:
Send an InivteSend an 
Invitation

And this CSS:
h2 {
float: left;
margin: 0; padding: 0;
width: 100%;

}

p {
clear: both;
margin: 0; padding: 0;
}

a {
display: block;
width: 100%;
}


This sets the margin and padding to 0 on your p and h2 and then your 
width to 100% which would give you the desired effect--instead of using 
one big a, you would set two (or however many) for each element inside 
your div.  However, it may not work for you if you need more control 
over the look of it.  I can't think of any other legal way though 
because you can't put things inside an .

Maybe somebody else has a better solution?

http://www.ohlman.com/css-d/robert2.html

Matthew
--
www.ohlman.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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 to reply to one message within a daily digest?

[Steve Axthelm]

On 2007-06-30 Andrew Gaffney wrote:

>You really don't. Daily digests are meant for people who just read the
>list and don't post. If you intend to reply to particular posts,
>switch off digest mode.

Or find an email client that supports the digest format. 
Mailsmith on OSX does. I believe Agent (Windows) and Eudora 
(OSX/Win) do as well.

HTH,


-Steve

-- 
Steve Axthelm
[EMAIL PROTECTED]

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Having an Anchor span block level elements

[Matthew Ohlman]

Robert James wrote:
> I'd like to have an entire DIV, including H2's, be a hyperlink (A).  (Why?
> Imagine a web app with various panels with can be clicked on).
>
> Now, this is illegal in HTML.  I'm also getting weird behavior where the
> click seems to be ignored sometimes.
>
> What is the proper way to achieve this
> - that is, making a hyperlink cover block elements?
>   
If I understand what you are trying to do then just set the a to 
display: block; and then put it inside an h2.

Style Sheet:
a {
display: block;
}

HTML:
A Inside a H2

It validates and works in Firefox 2 and IE6.

See example here: http://www.ohlman.com/css-d/robert.html


Matthew
--
www.ohlman.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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 footer on five column layout

[David Laakso]

trevor bayliss wrote:
> Hi David
>   Thanks I have done that and validated it http://216.219.94.105/stuff.htm
>
>
> David Laakso <[EMAIL PROTECTED]> wrote:
>   trevor bayliss wrote:
>   
>> I am using David Laakso´s Chealseacreekstudio five column layout which 
>> can be seen here: http://www.chelseacreekstudio.com/ca/cssd/stuff.html 
>> For some reason the footer in firefox doesn´t go to the bottom of the 
>> page. Also I would like to move the c1 div (the h3 column) from the 
>> left to the right. Any comments greatly accepted as to how I can 
>> improve thie css on this page.
>>
>> The webpage:
>> http://216.219.94.105/stuff.htm
>>
>> 
>
>
>
>
> Slow down. Let's take it one step at a time. Start by switching the 
> columns first. Download this layout [1].
>
> These two changes will switch the columns:
>
> #wrapper { float: /*right*/left; width: 100%; margin-left: -188px; }
>
> #c1 { float: /*left*/right; width: 186px; }
>
> Do not change, add to, or otherwise modify the css or the markup of [1].
>
> You have an image and h2 and a p for each of four sections. Add those items 
> to each of the four sections. 
>
> re-write these:
>
> to read:
>
>
>
>   Healthcare
>   Hospitals, Personnel, Equipment, Pathology Services and Casualty Evacuation
>
>
> When you've finished only that much, validate the file, and write back-- and 
> we'll go from there.
>
>
> [1] 
>
> Best,
>
> ~dL
>
>   


I think why you keep having so much difficulty is that you do not seem 
to follow along with the suggestions that are given.
Had you not changed the doctype, the markup, and the CSS you would have 
had a better learning experience using best practices for both markup 
and CSS. Nevertheless, your file is valid html 401 transitional and 
maybe that is just as well, and it will work cross-browser with the 
footer in proper position, even in any version of Internet Explorer.

Drop the rest of your /content/ in. Do not change, modify, or add to the 
CSS. Only add content. We're not trying to make a pretty Web site at 
this point-- simply one that is valid and /works./ Validate. And write 
back when done and we'll go from there.

Best,

PS If your e-mail client will furlough you to, please reply below me 
instead of top-posting.




















-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Having an Anchor span block level elements

[Robert James]

I'd like to have an entire DIV, including H2's, be a hyperlink (A).  (Why?
Imagine a web app with various panels with can be clicked on).

Now, this is illegal in HTML.  I'm also getting weird behavior where the
click seems to be ignored sometimes.

What is the proper way to achieve this
- that is, making a hyperlink cover block elements?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] 3 col layout breaks in IE6

[Bruce Gilbert]

Hello,

I have a test page set up at http://www.mellonaidftp.com/ssri/test.php

the page displays as intended in IE7 and Firefox, but in IE6, it blows up.
The rounded corner boxes that should be floating right are displaying in the
middle column and the middle column text is barely making an appearance.
Also, the rounded corner boxes are appearing way too wide in IE6. They
should only be 215px wide.

The CSS I am using is http://www.mellonaidftp.com/ssri/CSS/Secondary.css and
for a few things I am targeting IE browsers only and using
http://www.mellonaidftp.com/ssri/CSS/Secondary_IE.css

can anyone offer any suggestions  on getting IE6 to behave with this layout?

thanks in advance!

-- 
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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 footer on five column layout

[trevor bayliss]

Hi David
  Thanks I have done that and validated it http://216.219.94.105/stuff.htm


David Laakso <[EMAIL PROTECTED]> wrote:
  trevor bayliss wrote:
> I am using David Laakso´s Chealseacreekstudio five column layout which 
> can be seen here: http://www.chelseacreekstudio.com/ca/cssd/stuff.html 
> For some reason the footer in firefox doesn´t go to the bottom of the 
> page. Also I would like to move the c1 div (the h3 column) from the 
> left to the right. Any comments greatly accepted as to how I can 
> improve thie css on this page.
>
> The webpage:
> http://216.219.94.105/stuff.htm
>




Slow down. Let's take it one step at a time. Start by switching the 
columns first. Download this layout [1].

These two changes will switch the columns:

#wrapper { float: /*right*/left; width: 100%; margin-left: -188px; }

#c1 { float: /*left*/right; width: 186px; }

Do not change, add to, or otherwise modify the css or the markup of [1].

You have an image and h2 and a p for each of four sections. Add those items to 
each of the four sections. 

re-write these:

to read:



  Healthcare
  Hospitals, Personnel, Equipment, Pathology Services and Casualty Evacuation


When you've finished only that much, validate the file, and write back-- and 
we'll go from there.


[1] 

Best,

~dL

-- 
http://chelseacreekstudio.com/



   
-
Boardwalk for $500? In 2007? Ha! 
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
   
-
Sick sense of humor? Visit Yahoo! TV's Comedy with an Edge to see what's on, 
when. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] WinIE Hack please

[Richard Brown]

Hi All

On 01/07/07, David Hucklesby <[EMAIL PROTECTED]> wrote:
> On Sat, 30 Jun 2007 05:09:10 +0100, Richard Brown wrote:
> > Dear All
> >
> > Back to this site again:
> > 
> > 
> >
> > I now have all the columns working correctly. However, in IE 6 I get this 
> > happening to
> > the content in the right column:
> >  Is there some 
> > sort of hack
> > I have to apply please to get content to line up correctly please?
> Sorry to say, IE7 has problems, too. See this screen shot:
>
> 
>
> I suggest you fix the markup errors before we attempt any hacks:
>
I know about the text wrapping around the image.

I have fixed all bar the ones applying to the form. I now have another
problem appearing in that the border at the top of the left nav does
not extend all the way.

Any ideas please?
-- 
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
IE7 information -- 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 footer on five column layout

[David Laakso]

trevor bayliss wrote:
> I am using David Laakso´s Chealseacreekstudio five column layout which 
> can be seen here: http://www.chelseacreekstudio.com/ca/cssd/stuff.html 
> For some reason the footer in firefox doesn´t go to the bottom of the 
> page. Also I would like to move the c1 div (the h3 column) from the 
> left to the right. Any comments greatly accepted as to how I can 
> improve thie css on this page.
>
> The webpage:
>  http://216.219.94.105/stuff.htm
>




Slow down. Let's take it one step at a time.  Start by switching the 
columns first. Download this layout [1].

These two changes will switch the columns:

#wrapper { float: /*right*/left; width: 100%; margin-left: -188px; }

#c1 { float: /*left*/right;  width: 186px; }

Do not change, add to, or otherwise modify the css or the markup of [1].

You have an image and h2 and a p for each of four sections. Add those items to 
each of the four sections. 

re-write these:

to read:

 
 
Healthcare
Hospitals, Personnel, Equipment, Pathology Services and Casualty 
Evacuation

When you've finished only that much, validate the file, and write back-- and 
we'll go from there.


[1] 

Best,

~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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 footer on five column layout

[KJ'[EMAIL PROTECTED]]

You have a bunch of html errors on your page. Try to fix those and see 
if that helps.

trevor bayliss skrev:
> I am using David Laakso´s Chealseacreekstudio five column layout which can be 
> seen here: http://www.chelseacreekstudio.com/ca/cssd/stuff.html For some 
> reason the footer in firefox doesn´t go to the bottom of the page. Also I 
> would like to move the c1 div (the h3 column) from the left to the right. Any 
> comments greatly accepted as to how I can improve thie css on this page.
>
> The webpage:
>  http://216.219.94.105/stuff.htm
>
>
> TIA
>
>
>
> -
> Need a vacation? Get great deals to amazing places on Yahoo! Travel. 
>
> -
> Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- 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
IE7 information -- 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] Trouble with footer on five column layout

[trevor bayliss]

I am using David Laakso´s Chealseacreekstudio five column layout which can be 
seen here: http://www.chelseacreekstudio.com/ca/cssd/stuff.html For some reason 
the footer in firefox doesn´t go to the bottom of the page. Also I would like 
to move the c1 div (the h3 column) from the left to the right. Any comments 
greatly accepted as to how I can improve thie css on this page.

The webpage:
 http://216.219.94.105/stuff.htm


TIA


   
-
Need a vacation? Get great deals to amazing places on Yahoo! Travel. 
   
-
Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Wordpress theme floats and footers

[Terry Hamel]

> Fixed positioning is not supported for IE6

This is a followup to my response per David's request.  I got the Dean
Edward's IE7 hack to fix IE fixed positioning.  I followed the
directions on Dean's site, but I'll describe it here so people can cut
and paste.

Dean's hack uses CSS overrides AND javascript to emulate broken IE CSS
behavior.

The first thing I did was force the DOCTYPE to HTML because IE6
doesn't understand XML and thus, XHTML.  I used HTML tag closures
instead of XML tag closures.

After reading Dean's docs, I detemined I only wanted the "core" fixes
and not the esoteric fixes.  I placed the core .JS fixes into a
subfolder (plugins/IE7_0_9), but it still didn't work.  After a little
testing, I found it needed the .HTC files too.  Here is the files I
placed in the subfolder:
---
ie7-content.htc
ie7-load.htc
ie7-object.htc
ie7-core.js
ie7-squish.js
ie7-standard-p.js

-
Here is the HTML skeleton code.  The HEADER div is fixed, but the
CONTENT div scrolls when there is enough content.  I stripped out the
extras for the purpose of demonstration:
--
http://www.w3.org/TR/html4/strict.dtd";>













companyname1companyname2



content content





---
Here is the CSS.  The only addition I made to help IE is the
FONT-SIZE: LARGE set to the "universal selector" (*).
---
* {margin: 0; padding: 0; font-size: large;}

html, body {
width: 100%;
min-height: 100%;
font: 0.8125em Verdana, sans-serif;
line-height: 1;
}

#header {
border-bottom-style: solid;
border-bottom-width: 5px;
padding: 10px;
position: fixed;
top: 0;
width: 100%;
}

#logo { float: left;}

#header p {
font-family: Courier New,Courier,monospace;
font-weight: bold;
font-size: 1em;
letter-spacing: .25em;
padding: 1em;
float: left;
}



#content {
font: 0.8125em Verdana, sans-serif;
margin-top: 10em;
padding-top: 10px;
}


.companyname1,
.companyname2 {
text-align: center;
line-height: .75em;
}

.companyname1 {
font-size: 2em;
font-weight: bold;
}

.companyname2 {
font-size: .75em;
font-weight: normal;
}

-Terry
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/