Re: [css-d] Site Check: Can this DIV be vertically centered in the viewport?

[David Laakso]

Stephen Tang wrote:
> Hello,
>
> I built this site, http://www.isadoratang.com/index.php, but I've been
> trying to determine if I can center the  vertically in
> the viewport. 
>
> Any advice on this would be helpful.
>
> Sincerely,
> Stephen
>   


Yes, I think it is possible with CSS (I seem to recall a method Georg 
Sortun created but can't find it at the moment)  or possibly with 
scripting. Although I am not so sure what vertical centering will buy 
you with a fixed height wrapper enclosing movable type. Try your page at 
minimum font-size 24px in FF for example...
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE pushes out text from box

[Felix Miata]

On 2009/03/21 00:05 (GMT-0400) David Laakso composed:

> John Shepard wrote:

>> I have my right and left side navigation set to 100% but IE pushes out text
>> below the box on the right side especially.
>> Go to http://unitedmontessori.com

Here at least 60% of the right side content is pushed down below the footer,
and about two words (~13 letters) maximum fit in the width provided.

>> Any suggestions?

Ask your grandparents it there is anything on that page they can read. Odds
are there are other grandparents of the kids going to there that won't be
able to use it if they don't know about zoom and/or minimum font size.

> Hmm, FF is not doing too well in a window narrower or wider than 1024, 
> either.

It looks pretty bad here at 1920 wide with minimum font size 24px. Several
words in the left column are wider than the width provided, and about half
the items require two lines instead of one. OTOH, there is a lot of
whitespace to the right of home_childrenleft.jpg, while relatively little to
the left.
-- 
"The plans of the diligent lead to profit as surely
as haste leads to poverty." Proverbs 21:5 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE pushes out text from box

[David Laakso]

John Shepard wrote:
> I have my right and left side navigation set to 100% but IE pushes out text
> below the box on the right side especially.
> Go to http://unitedmontessori.com
>
> Any suggestions?
>
> Thanks in advance. 
>
> John Shepard
>   


Hmm, FF is not doing too well in a window narrower or wider than 1024, 
either.

Layouts using absolute positioning for the foundation structure of a 
layout seldom work. AP is best reserved for positioning minor and small 
elements within a float structured layout. No ap is needed at all for 
that matter with your current content. And restricting the height of 
elements by setting a hard coded height will be destroyed by users 
exercising user discretion to make your text readable.

I think you'll find the footer will remain where it belongs, and 
cross-over of content at narrow widows is easily avoided using a float 
layout. This three column tutorial will work well for you cross-browser 
[1]. Mind well what you put in it. Code to Opera, FF, and Safari. 
Validate the markup and CSS as you work. Things will go your way.


[1] 
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site Check: Can this DIV be vertically centered in the viewport?

[Stephen Tang]

Hello,

I built this site, http://www.isadoratang.com/index.php, but I've been
trying to determine if I can center the  vertically in
the viewport.  The inside of this div has some additional divs that
are floated left or right).   I'm not sure if my margin: auto on the
 is really centering this div in the viewport (IE6
excluded).

I previously tried to and gave up, so the  is
absolutely positioned a fixed distance from the top.  I found this
article that talked about various ways of centering vertically with
CSS: http://blog.themeforest.net/tutorials/vertical-centering-with-css/.
  Method 3 looked promising, but it does not work.

I was wondering if there is a way to do CSS vertical centering.  I
have a separate CSS file for IE6 for corrections.

The CSS file are http://www.isadoratang.com/css/reset.css,
http://www.isadoratang.com/css/site.css,
http://www.isadoratang.com/css/site_ie.css

Any advice on this would be helpful.

Sincerely,
Stephen
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x

[David Laakso]

Ian Young wrote:
>
> David
>
> I have checked on FF3.07 Vista.
> Works a treat. I know that is not the FF version you were after but given
> the above.
>
> Ian
>
>   

Thanks, Ian.

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x

[Stephen Tang]

Hi David,
I had a Windows XP machine and using Firefox 3.0.7.  Javascript was
turned on.  I didn't have NoScript or similar add-on installed.
It was really weird.  Clicking About did nothing and the navigation
links underneath profile were not flushed right.

I have checked your site again at home on Firefox 3.0.7 on OS X, and
the navigation is flushed right and the About links work.  I'm going
have to chalk this up to a fluke on my office machine.  Don't mind me.
 Sorry for the scare.

--Stephen

On Fri, Mar 20, 2009 at 12:03 PM, David Laakso
 wrote:
> Stephen Tang wrote:
>>
>> David,
>> For some reason, your vertical navigation does not work in Firefox
>> 3.0.7 on my Windows machine.  I don't see an vertical lines or any
>> interactivity from the navigation.
>>
>> --Stephen
>>
>>
>>
>>>
>>> Curious to know if the vertical menu is functional and usable in Firefox
>>> 2.x (no got this end).
>>> 
>>> Thanks.
>>> ~d
>>>
>
>
> Oh, my... now what I'll do?
>
> Did you click the last list item "about?"
> If you did click it and nothing happened, do you have javascript enabled?
> Vertical lines? Not sure what you mean. There are no vertical lines should
> be there, at least I didn't put any there.
> Would it make more sense from a user standpoint if each and every list item
> were flush right?
>
> Thank you for your reply.
> ~d
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
> http://chelseacreekstudio.com/
>
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background attachment?

[Kim Brooks Wei]

>On Mar 20, 2009, at 3:51 PM, Kim Brooks Wei wrote:
How can I get a border around that image which will stay fixed in the
>
>I think the easiest way to do this would be to edit the image in an 
>image editor and add the border that way. Then you might have to 
>readjust your positioning slightly to account for the increased 
>width and height.
>
>Michael Stewart
>bagelstew...@gmail.com

OK, this seems to have worked Michael, thanks. Now my image is 
repeating vertically in IE. How can I stop it from doing that? Should 
I be worried that the image doesn't appear at all in IE 8?

/Kimi

-- 
This email sent by
Kimi Wei
201-475-1854  |  k...@thewei.com  |  thewei.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background attachment?

[Climis, Tim]

>On Mar 20, 2009, at 11:44 AM, Kim Brooks Wei wrote:
>
>>Q1
>>Is the way I set this up as a background image the same as using a
>>background-attachment? If not, how would I change this to conform? IE
>>choked on my last version of this layout. I had the tiger as a fixed
>>background img which was supposed to be left 75 top 30 but the tiger
>>ended up over on the right side of the page.
>>
>>Q2
>>How can I get a border around that image which will stay fixed in the
>>same position as the image itself?
>>
>>Big headache, I know. All help appreciated as always,

Instead of using a background image, you could try just an img tag with a 
border and position:fixed.  It won't work in IE6 though.

---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE pushes out text from box

[John Shepard]

I have my right and left side navigation set to 100% but IE pushes out text
below the box on the right side especially.
Go to http://unitedmontessori.com

Any suggestions?

Thanks in advance. 

John Shepard
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background attachment?

[Michael Stewart]

On Mar 20, 2009, at 3:51 PM, Kim Brooks Wei wrote:

>>> Q1
>>> Is the way I set this up as a background image the same as using a
>>> background-attachment? If not, how would I change this to  
>>> conform? IE
>>> choked on my last version of this layout. I had the tiger as a fixed
>>> background img which was supposed to be left 75 top 30 but the tiger
>>> ended up over on the right side of the page.

Yes it is the same.

>>> Q2
>>> How can I get a border around that image which will stay fixed in  
>>> the
>>> same position as the image itself?
>>>
>>> Big headache, I know. All help appreciated as always,

I think the easiest way to do this would be to edit the image in an  
image editor and add the border that way. Then you might have to  
readjust your positioning slightly to account for the increased width  
and height.

Michael


Michael Stewart
bagelstew...@gmail.com

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background attachment?

[Kim Brooks Wei]

I hate when I do that. Sorry . . .
http://thewei.com/sandbox/tw/

>Could you post a link to the page and CSS?
>Michael Stewart
>bagelstew...@gmail.com


>On Mar 20, 2009, at 11:44 AM, Kim Brooks Wei wrote:
>
>>Q1
>>Is the way I set this up as a background image the same as using a
>>background-attachment? If not, how would I change this to conform? IE
>>choked on my last version of this layout. I had the tiger as a fixed
>>background img which was supposed to be left 75 top 30 but the tiger
>>ended up over on the right side of the page.
>>
>>Q2
>>How can I get a border around that image which will stay fixed in the
>>same position as the image itself?
>>
>>Big headache, I know. All help appreciated as always,


-- 
This email sent by
Kimi Wei
201-475-1854  |  k...@thewei.com  |  thewei.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] SWFobject not sitting in DIV

[David Laakso]

Ian Young wrote:
>
> Have just picked up this neat project.
>
> However, before I can make any headway I need to sort out Flash and make
> compliant and all that.
>
> http://www.iyesolutions.co.uk/templates/the-swipe/home.html
>
>
> It should sit inside the contentCentre div but clearly doesn't.
>
> Best
>
>  
>
> Ian Young
>   


Off-the-wall guess:

#contentCenter {position:relative; background:fuchsia;}< add
create:
#flashcontent {position:absolute; top: 85px;left:0;border:1px solid white;}

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] SWFobject not sitting in DIV

[Ian Young]

> Subject: Re: [css-d] SWFobject not sitting in DIV
> 
> Ian Young wrote:
> >
> > Have just picked up this neat project.
> >
> > However, before I can make any headway I need to sort out Flash and
> make
> > compliant and all that.
> >
> > http://www.iyesolutions.co.uk/templates/the-swipe/home.html
> >
> >
> > It should sit inside the contentCentre div but clearly doesn't.
> 
> 

It helps if the divs are defined.

As you can see everything is where it should be. Just need to sort the
transparent bit of menu.

That's enough for this week.!

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Image Slices \ Page Breaks

[Christopher R]

I would like to know why the main image on my page breaks in FireFox and IE6 
but looks
fine as in how I want it to look in IE7?
www.thecreativesheep.ca/site/imagepage4.html
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] SWFobject not sitting in DIV

[Ian Young]

Hi folks,

 

Isn't it always the way. Last thing Friday stuff comes up.

 

Have just picked up this neat project.

However, before I can make any headway I need to sort out Flash and make
compliant and all that.

http://www.iyesolutions.co.uk/templates/the-swipe/home.html

 

It should sit inside the contentCentre div but clearly doesn't.

 

Not sure if this is something you guys can help with but would appreciate
your thoughts.

 

Best

 

Ian Young

Director

IY e-Solutions


This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you. 
IY e-Solutions is a trading name of IYES Ltd. Registration: SC208707

 

 

 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Text breaking out in IE7

[Gunlaug Sørtun]

Del Wegener wrote:

> http://www.edi-cp.com/newweb/sandbox.php
> 
> In FF the text wraps nicely. In IE7 it does not.  Padding on the left
> is ignored and wrapping is sometimes one word to late.

> What is needed to make IE7 play nicely?

IE7 does play nicely, but you have hacked in a failure :-)

Delete this hack...

*div#content
{  /* IE6 */
width: 100%;
}

...completely.

IE6 is in standards mode, so it shouldn't have such a correction in the
first place.
The way your hack is built it is also picked up by IE7, which causes the
problem.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x

[Gunlaug Sørtun]

David Laakso wrote:
> Stephen Tang wrote:

>>> 

> Did you click the last list item "about?" If you did click it and 
> nothing happened, do you have javascript enabled?

FWIW, your menu works just fine with links, expansion / collapsing and
all, in all Gecko's I can lay my paws on ... all the way back to Mozilla
1.7.12 - Gecko/20050915.

regards
Molly 't.c.' ;-)
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] box goes down the bottom of the page

[shaf]

I only know one Maurico. Did you attend GMU in Fairfax Virginia?

Shaf



>> Why this line so magic? Can you give me some hint?
> Have a look at:
> http://www.positioniseverything.net/explorer/doubled-margin.html
>
> Maurício
>
> -Mensagem Original-
> De: "ray" 
> Para: 
> Enviada em: sexta-feira, 20 de março de 2009 11:00
> Assunto: Re: [css-d] box goes down the bottom of the page
>
>
>> Great! It works like a charm. Just add a style:
>> * html #mainContent {
>>display:inline;
>> }
>> Why this line so magic? Can you give me some hint? Thank you very much!
>>
>> On Fri, Mar 20, 2009 at 12:22 AM, David Laakso
>> >> wrote:
>>
>>> ray wrote:
>>>
 It seems it is not because the double margin bug of IE6. Because the
 the
 floated boxes have no margin at all.

 Thanks



> http://www.soundbowl.com on IE6.
>>>
>>>
>>
>>> Someone else may provide a better working solution for the center panel
>>> float drop than this in IE/6:
>>> 
>>> Centering it was left to you...
>>>
>>>
>> __
>> css-discuss [cs...@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Trouble with right navigation

[John Shepard]

I have my left navigation height set to 100% but for some reason in IE it
drops off a few items at the bottom.
To view: http://unitedmontessori.com

Any help will be greatly appreciated.

John
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of David Laakso
> Sent: 20 March 2009 16:03
> To: Stephen Tang
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x
> 
> >>
> 
> 
> Oh, my... now what I'll do?
> 
> Did you click the last list item "about?"
> If you did click it and nothing happened, do you have javascript
> enabled?
> Vertical lines? Not sure what you mean. There are no vertical lines
> should be there, at least I didn't put any there.
> Would it make more sense from a user standpoint if each and every list
> item were flush right?
> 
> Thank you for your reply.

David

I have checked on FF3.07 Vista.
Works a treat. I know that is not the FF version you were after but given
the above.

BTW. Really cool design.

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x

[David Laakso]

Stephen Tang wrote:
> David,
> For some reason, your vertical navigation does not work in Firefox
> 3.0.7 on my Windows machine.  I don't see an vertical lines or any
> interactivity from the navigation.
>
> --Stephen
>
>
>   
>> Curious to know if the vertical menu is functional and usable in Firefox
>> 2.x (no got this end).
>> 
>> Thanks.
>> ~d
>> 


Oh, my... now what I'll do?

Did you click the last list item "about?"
If you did click it and nothing happened, do you have javascript enabled?
Vertical lines? Not sure what you mean. There are no vertical lines 
should be there, at least I didn't put any there.
Would it make more sense from a user standpoint if each and every list 
item were flush right?

Thank you for your reply.
~d


-- 

A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Text breaking out in IE7

[Vincent Pollard]

Your #content div is too wide. 

I think in IE7 it adds the value of the padding + 100%, wheras FF does
the math(s).
Maybe try making it 'width: auto' in IE?

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Del Wegener
Sent: Friday, March 20, 2009 10:45 AM
To: css
Subject: [css-d] Text breaking out in IE7

Good Morning;
Please look at
http://www.edi-cp.com/newweb/sandbox.php

In FF the text wraps nicely.
In IE7 it does not.  Padding on the left is ignored and wrapping is 
sometimes one word to late.
What is needed to make IE7 play nicely?

Thanks
Del 


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] background attachment?

[Kim Brooks Wei]

Q1
Is the way I set this up as a background image the same as using a 
background-attachment? If not, how would I change this to conform? IE 
choked on my last version of this layout. I had the tiger as a fixed 
background img which was supposed to be left 75 top 30 but the tiger 
ended up over on the right side of the page.

Q2
How can I get a border around that image which will stay fixed in the 
same position as the image itself?

Big headache, I know. All help appreciated as always,
Kimi

-- 
This email sent by
Kimi Wei
201-475-1854  |  k...@thewei.com  |  thewei.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] David Laakso's site in Firefox 2.x/Firefox 3.x

[Stephen Tang]

David,
For some reason, your vertical navigation does not work in Firefox
3.0.7 on my Windows machine.  I don't see an vertical lines or any
interactivity from the navigation.

--Stephen


>Curious to know if the vertical menu is functional and usable in Firefox
>2.x (no got this end).
>
>Thanks.
>~d
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] box goes down the bottom of the page

[David Laakso]

ray wrote:
> Great! It works like a charm. Just add a style:
> * html #mainContent {
> display:inline;
> }
> Why this line so magic? Can you give me some hint? Thank you very much!
>   

The star-html hack feeds a specific correction rule within a selector 
only to IE/6 and down browsers.


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox 2.x

[David Laakso]

David Laakso wrote:
> Curious to know if the vertical menu is functional and usable in Firefox 
> 2.x (no got this end).
> 
> Thanks.
> ~d
>
>   

Resolved. Works as intended.  Thanks to Philippe for off-list reply.

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Text breaking out in IE7

[Del Wegener]

Good Morning;
Please look at
http://www.edi-cp.com/newweb/sandbox.php

In FF the text wraps nicely.
In IE7 it does not.  Padding on the left is ignored and wrapping is 
sometimes one word to late.
What is needed to make IE7 play nicely?

Thanks
Del 


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] box goes down the bottom of the page

[Mauricio (Maujor) Samy Silva]

> Why this line so magic? Can you give me some hint?
Have a look at:
http://www.positioniseverything.net/explorer/doubled-margin.html

Maurício

-Mensagem Original- 
De: "ray" 
Para: 
Enviada em: sexta-feira, 20 de março de 2009 11:00
Assunto: Re: [css-d] box goes down the bottom of the page


> Great! It works like a charm. Just add a style:
> * html #mainContent {
>display:inline;
> }
> Why this line so magic? Can you give me some hint? Thank you very much!
>
> On Fri, Mar 20, 2009 at 12:22 AM, David Laakso 
> > wrote:
>
>> ray wrote:
>>
>>> It seems it is not because the double margin bug of IE6. Because the the
>>> floated boxes have no margin at all.
>>>
>>> Thanks
>>>
>>>
>>>
 http://www.soundbowl.com on IE6.
>>
>>
>
>> Someone else may provide a better working solution for the center panel
>> float drop than this in IE/6:
>> 
>> Centering it was left to you...
>>
>>
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] text wrapping problem

[Bilgehan Maraş]

Hi again,

I was able to test the page ( http://www.film.com.tr/listtest.html )
with latest beta of IE8 and it works fine ( like firefox and safari ).

Bilgehan


2009/3/19 Bilgehan Maraş :
> Hi,
>
> I have a problem with text wrapping in list elements. I uploaded a
> test page at http://www.film.com.tr/listtest.html . On firefox and
> safari everything is fine but as usual there is a problem with IE 6
> and IE7. IE wraps the text strangely. A picture is thousand words, i
> put actual implementation on the top and two screenshots from firefox
> and IE at the bottom. Any help greatly appreciated.
>
> Thanks
> Bilgehan
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] box goes down the bottom of the page

[ray]

Great! It works like a charm. Just add a style:
* html #mainContent {
display:inline;
}
Why this line so magic? Can you give me some hint? Thank you very much!

On Fri, Mar 20, 2009 at 12:22 AM, David Laakso  wrote:

> ray wrote:
>
>> It seems it is not because the double margin bug of IE6. Because the the
>> floated boxes have no margin at all.
>>
>> Thanks
>>
>>
>>
>>> http://www.soundbowl.com on IE6.
>
>

> Someone else may provide a better working solution for the center panel
> float drop than this in IE/6:
> 
> Centering it was left to you...
>
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Equal heights solutions

[Nancy Johnson]

Thank you for all your solutions and apologise for my slow response.
I have been busy.   I haven't looked into Faux columns.  I will look
into that as well.

On Wed, Mar 18, 2009 at 7:05 AM, Gunlaug Sørtun  wrote:
> bruce.som...@web.de wrote:
>
>> " to suit the constraints of CSS implementations"
>>
>> What is to be the successor to CSS that will actually solve the open
>> problems and enable web designers?
>
> None, since this is about implementation.
>
> CSS may need another level, or five, and will probably get them over
> time. However, that in itself won't help much when it comes to
> implementation in browsers. We need new generations of browsers and
> eradication of the old ones. It is after all the old browsers - mainly
> IE - that stand in the way.
>
> So, ask the browser vendors and the end users to enable us, as they're
> the only ones that can do it.
>
> regards
>Georg
> --
> http://www.gunlaug.no
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] unremovable margin?

[Tim Climis]

> When the answer was to delete space between the tags, I was
> shocked...but loading the source code and removing the spaces worked
> as advertised. Why does that white space count?  

It's because images are inline elements.  Essentially, HTML treats an image as 
if it were a letter (that's what being "inline" means).

So if you had code like:


a
a
a
a


You would expect your output to be "a a a a", not "".  With images, it's 
the same.  As a result, I find that it's usually more useful to add img 
{display:block} to my style sheet, because images have borders, and padding, 
and margins, and height, and width, which inline elements don't have, but 
block elements do.

The reason they're inline, i think, is that like letters (and unlike divs) 
images have inherent dimensions (the image has a predefined "natural" size).

---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] unremovable margin?

[Donald Davis]

On Wed, Mar 18, 2009 at 10:18 AM, Giuseppe Craparotta
 wrote:
> Hello all,
>
> thanks much in advance for your help.
>
> could you please take a look at this trial html file:
>
> http://www.giuseppecraparottacv.co.uk/doubts/press.html
>
> As you can see the images are separated by a bottom / right margin.
>
> - Is it related to the fact that images are *inline elements*?
>
> - Is it any way to eliminate it which is not making the images *block
> elements*?
>
> As you can see I included  * {padding:0; margin:0;}  among the styles.
>
> cheers,
> Giuseppe
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

When the answer was to delete space between the tags, I was
shocked...but loading the source code and removing the spaces worked
as advertised. Why does that white space count?  I thought that we
could put images how Giuseppe had in his code w/o this spacing.  Is
this the only solution?

Don
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/