Re: [css-d] Float problem in IE

[bill scheider]

bill scheider wrote:

> In IE, the box floats to the right but the text doesn't flow around 
> it.

> http://tinyurl.com/3anvnc

Delete the width on those paragraphs - at least for IE, as the width 
acts as a 'hasLayout' trigger, making each paragraph a rigid block in 
IE. There's no way around this effect of the 'Layout' bug but to avoid 
triggering it.

Use margins or paddings to line up those paragraphs as intended.

regards
Georg
-- 
Thank you, Georg

That fixed it, of course. I thought I had tried everything but didn't think
that width would be the culprit. I think I'll never understand that
hasLayout stuff!

Bill


__
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] CSS image/div handling questions...

[Andrew Wallace]

 And thanks - for both bits of information. I get the digest, and didn't
 see the response about negative margins. Still playing with that.
 I had actually tried the  thing, but I was hoping that there might
 be a more CSS-ey way of doing it.
 But I still have the problem of the vertical images not being centered
 in their divs.
 Here is my HTML code:

  
  A couple of the islands in the Malaysian Archipelago (see text) 


 And my CSS:
 div.imageRight {float:right; margin-left: 10px;
  margin-top: 5px; margin-bottom: 10px; border: 3px #00 
solid;}
 div.imageRight p {font-size: 8pt; font-style:italic; text-align: center;
width: 150px; margin: 0; padding: 0;}
 div.imageRight img {padding: 0; text-align: center; margin-left: auto;
  margin-right:auto; margin-bottom: -.5em;}


 I tried putting "text-align: center" in the img rule instead of the autos,
 but neither one worked.
 Any suggestions?

 thanks,
 andy

Rick Faircloth wrote:
> Hi, Aaron...
> 
> It looks like you're addressing two problems... one, trying
> to get the panorama to line up with your content margins.
> Someone suggested using negative margins... perhaps that will work.
> 
> One the other issue, getting the text behind the panorama out from
> behind it.  Why not just put some line-feeds ('s) in the text
> to leave a gap above and below the panorama?
> 
> e.g...
> 
> text text text text text...
> 
> -
> |
> | Panaroma
> |
> -
> 
> text text text text text...
> 
> 
> Rick
> 
> 
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of Andrew Wallace
> Sent: Monday, July 30, 2007 12:11 AM
> To: Aaron Gray
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] CSS image/div handling questions...
> 
> Yep. that's one of the problems I'm trying to fix. I have two
> divs, one floated right, one floated left. I was trying to
> push the panorama across both divs by absolute positioning,
> but that doesn't work well. That's point 3 on my list - is there
> another way to do this, or some way to force the "back" text
> down so that it's no covered up?
> andy
> 
> Aaron Gray wrote:
>> Hi Andy,
>>
>>> I changed that during my validation run earlier. But now we're
>>> back to square one. Sigh.
>>>
>>> thanks for taking the trouble, Aaron.
>> Thats better, but, the panorama is a bit oddly placed.
>>
>> Heres a screen dump :-
>>
>>http://www.aarongray.org/feedback/screendump.PNG
>>
>> Aaron
>>
>>> Aaron Gray wrote:
> Ok, that was excellent advice. I went through my entire site, and
> found quite a bit of cruft to clean up.
>
> BUT, the problems remain:
 I am getting a blank blackish page on IE6

>> The easiest way to resolve any html/css problem is to make sure the
>> document is valid [1]. There are something like 49 markup errors on 
>> your
>> page. A well constructed page can sometimes fail to render properly 
>> with
>> one markup error. Granted your page may not, or probably will not, 
>> work
>> as intended even if valid, this may be the best place to start...
>>
>> [1] 
>>
>> Best,
>>
>> ~dL

>>> -- 
>>> Outside of a dog, a book is a man's best friend. Inside of a dog it's
>>> too dark to read.
>>>
>>> DiamondW Studios Photography - http://www.diamondw.net
>>> __
>>> 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/
>>>
>>>
>>> -- 
>>> No virus found in this incoming message.
>>> Checked by AVG Free Edition.
>>> Version: 7.5.476 / Virus Database: 269.10.23/924 - Release Date: 
>>> 28/07/2007 15:50
>>>
>>>
>>
> 

-- 
Outside of a dog, a book is a man's best friend. Inside of a dog it's
too dark to read.

DiamondW Studios Photography - http://www.diamondw.net
__
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] Site Check

[Edward Spodick]

Christian,

One minor issue - there are still a few browsers out there which default to a 
gray background - including the one I use most of the time, so you might want 
to explicitly declare the background of your resume page to be white (#ff).

-Edward


At 12:26 AM -0400 8/2/07, [EMAIL PROTECTED] wrote:
>Thank you to everyone who made constructive (non-flaming) comments regarding 
>my online resume. I think I took action on every single comment and the page 
>now breathes much better. I took out the Brainbench logo and now use the blue 
>"Valid XHTML" button and now have the colors for the text in my resume exactly 
>matching the blues used in the button. If there are no further comments 
>(although I'm open to any if there are any) I'm wondering if anyone can point 
>me to a SPAN-less solution for properly vertically aligning list item text 
>with an image bullet used in place of a regular HTML bullet.
>
>Christian Ziebarth
>
>http://resume.christianziebarth.com/

-- 
Edward F Spodick, Information Technology Manager
Hong Kong University of Science & Technology Library
[EMAIL PROTECTED]  tel:852-2358-6743 fax:852-2358-1043
__
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] Site Check

[Peter Hyde-Smith]

- Original Message - 
From: <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, August 01, 2007 12:01 PM
Subject: [css-d] Site Check


> Just a basic site check:
>
> http://resume.christianziebarth.com/
>
> I'm trying to be very modern here while keeping it simple. I'm using the 
> Yahoo reset.css and a screen style sheet, a print style sheet, and a 
> handheld style sheet. The testing I've been able to do indicates that 
> everything's working fine. Thanks in advance.
>
> Christian Ziebarth
>

Christian:

Working in Win XP/SP2 at 1152 x 864, and +/- 2 zoom levels

IE7, nothing breaks except you get a horizontal scroll bar with page zoom 
(not with text resize, though)
FF2.0.2, nothing breaks
O9.2.0, nothing breaks, looks great in small screen mode

There is not enough contrast between the dark green link text and the black 
body text, especially since you are not underlining the links. Also, on a 
resume, in my opinion as one who has hired and fired, I find the use of the 
abreviation "etc." out of place, let alone when it is written out.

Cheers,

Peter
www.fatpawdesign.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] css opacity

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:
> http://free.of.pl/r/ramirez/x/rmz_test2.htm
> This works good in ff2, opera9 and even safari, but in ie6 and 7 the 
> transparent box is misplaced.
> Could anyone help me to correct this css or propose a better solution?

You forgot to even out browser defaults, and to establish a proper 
relation between the absolute positioned element and its container.

A more complete test case like this might help...

Notice that I position the A:P element relative to the bottom of its 
container, and allow the text to grow.

regards
Georg
-- 
http://www.gunlaug.no
__
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] printing background images

[Rob Crowther]

Paul Seale wrote:
> Ive ran into a slight problem regarding printing content (text) with the
> background showing up. Is it possible to do so,

It's a browser configuration - in Firefox: File -> Page Setup...  I'm 
sure there used to be a similar option in IE6 but I can't find it in IE7.

 > or do I need to outright
> stack layers on each other with the image laying in one and the text in the
> other?
>
Why not have a print stylesheet that makes the text readable without the 
background image?

Rob
__
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] Site Check

[christianz]

Thank you to everyone who made constructive (non-flaming) comments regarding my 
online resume. I think I took action on every single comment and the page now 
breathes much better. I took out the Brainbench logo and now use the blue 
"Valid XHTML" button and now have the colors for the text in my resume exactly 
matching the blues used in the button. If there are no further comments 
(although I'm open to any if there are any) I'm wondering if anyone can point 
me to a SPAN-less solution for properly vertically aligning list item text with 
an image bullet used in place of a regular HTML bullet.

Christian Ziebarth

http://resume.christianziebarth.com/


Check Out the new free AIM(R) Mail -- Unlimited storage and industry-leading 
spam and email virus protection.
__
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] Banner getting cut off with horizontal scroll

[tsooki.com]

Hi all

If I resize my browser so that I get a horizontal scroll bar, I'm
noticing that when I scroll to the right, the banner at the top is cut off:

http://www.mcparkandplanning.org/home.shtm

I've tried many variations of auto, inherited and 100% widths on the
various elements, and can't get it to work correctly.

We don't want to get rid of the horizontal scroll bar, just make sure
the top banner and toolbar are always maximum width. We also don't want
to use overflow:hidden with our content. We just want to make sure that
the top bar is always maximum page width.

Is this a bug? Any ideas?

Thanks,

- Laurence




__
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] No brainer with margin/padding

[Luc]

Good morning David, 
It was foretold that on 1/8/2007 @ 09:52:22 GMT-0400 (which was
10:52:22 where I live) David Laakso would write:



> You could use absolute positioning, but that always seems to cause more
> problems than it is worth (for me) .

Yeah, initially i used that but wasn't happy with the outcome :-)

> This [1] is one way to do it with floats and has been cursory tested in
> ie6 and 7 and in compliant browsers.

Looks nice David... i'll give that a shot but still my original
question remains: is it impossible to do with just margin/padding?

Thanks!!!

 
-- 
Best regards,
 Luc
_

Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"You are traveling through another dimension, a dimension not only of
sight and sound but of mind. A journey into a wondrous land of
imagination. Next stop, the Twilight Zone!" 


__
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] Site Check

[Conyers, Dwayne]

David Laakso ink wired:


> Just a basic site check:
>
> http://resume.christianziebarth.com/
>
> I'm trying to be very modern here while keeping it simple. 


Looks good.  

I agree with the comment to make the hyperlinks a bit more obvious.

Also -- not sure how much credibility Brainbench adds.  I used to list
my Brainbench Certs until I read in a tech publication that many IT
hiring officials consider it a joke.  However, your mileage may vary.

Great job!


-- 
I made magic once.  Now, the sofa is gone.
http://dwacon.blogspot.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] Mac/Windows line-height and padding differences

[Philippe Wittenbergh]

On Jul 29, 2007, at 4:46 PM, Francois Jordaan wrote:

> Could someone please shed light on the big difference I see here  
> between
> Windows and OS X?
>
> http://www.fjordaan.net/tests/icontest.html
>
> The most obvious annoying symptom is the cropping on the icons  
> (which are
> 16x16). But the line-height differs by a whopping 2px. I could  
> understand
> cross-browser differences, but the difference even exists between  
> Firefox
> 2.0.0.5 on Windows and Firefox 2.0.0.5 on OS X!
Well, you don't set any line-height, and the default 'normal' is used.
For Firefox, normal is equal to 1.2. (the same goes for Safari)
11px x 1.2 computes to 13.2 px. Even with your padding, you get a  
very narrow line box.
Now depending on the platform, the (screen) resolution, the browser,  
those 0.2px will be rounded off to different values. And the same  
font might use slightly more/less space depending on the platform.
(and I always though that Firefox window used something slightly  
higher - 1.25. But the underlying code tells me it is 1.2).

>
> What should my styles be to achieve the effect I want, cross-platform?

Set the line-height... 1.35 works nicely on my OS X browsers.

Philippe
---
Philippe Wittenbergh





__
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] Border-bottom not seen in IE7 on hover link

[Mark Wheeler]

Hi,

I've come across this little problem before, and worked around it  
last time, but I don't want to work around it anymore. The problem is  
that I have border-bottom to appear on hover over a link. But, that  
is not appearing - it seems to be cut off - in IE7. You can see the  
yellow border around the  tag is cut off at the bottom. IE6, FF,  
Safari are  all fine, just IE7 is the problem. I think I'm missing  
some basic thing here, but I can't seem to figure it out. Here's the  
link:

http://dev.tonedeafdesign.com/ob/underline_link_test.html

Any help would be appreciated.

Thanks,

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] printing background images

[David Dorward]

On 01/08/07, Paul Seale <[EMAIL PROTECTED]> wrote:
> Ive ran into a slight problem regarding printing content (text) with the
> background showing up. Is it possible to do so

The browser has to be configured to allow background images to print.
Most have this preference set to 'no' by default.

>, or do I need to outright stack layers on each other with the image laying
> in one and the text in the other?

If at all possible, avoid needing the background. They munch on ink
and toner. When it comes to print media style sheets KISS is the way
to go.

-- 
David Dorward 
__
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] No brainer with margin/padding

[Luc]

Good afternoon to myself,
It was foretold that on 1/8/2007 @ 12:05:01 GMT-0300 (which was
12:05:01 where I live) I would write:



> in Opera, Moz, Fireworks and IE7, the text on the right in the h1
> drops below the one on the left when resizing the viewport. An effect
> i'm used to see when using floats but in this case i'm not using
> floats. IE6 doesn't show that phenomena.
> The example provided by David, using floats, does hold up across
> browsers on the other hand.

Well, after spending some time in the gym, i cleared my head and came
up with the solution:

changing the min-width in "width" on the wrapper and removing de star
html hack for IE did the trick :-)

Now both solutions work!

Tnx a lot guys

 
-- 
Best regards,
 Luc
_

Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"I may not jog or workout -- but I'm a very brisk eater." - Jim Moore
Jr. 


__
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] simple margins question

[Michael Leibson]

From: "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
Subject: Re: [css-d] simple margins question

>I am new to this listserve so please forgive me if I am off base.

On the contrary, I appreciate your help!

>I have added a 3px yellow border to your containing div, and it appears to be 
>positioned at 0 (top) of the body.
>am
I missing something?
>Jamy

I received quite a few helpful responses to my question, many of which 
recommended the same thing -- ie,  adding
either padding or a border to the containing div.   I see that it works equally 
well in FF2 and IE6. 
Thanks, Jamy.

All the best,
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] Site Check

[Hakan K]

It looks like the brain bench loge is the most important part on ur resume..

I personally thing You either make the Brainbech logo black and white, or ad
some color to your resume..




---
Thanks
Troy
http://dominor.com


On 8/1/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
>
> I hear ya on the Brainbench thing. I was about to take it down until I
> just recently had a prospective employer have me take the Brainbench test
> and they were flabbergasted on how good I did. Might still take it down but
> still need some way to show that my skills are exceptional.
> And I'm working behind the scenes right now to make the hyperlinks more
> obvious. Thanks for the input.
>
>
>
>
>
>
>
> -Original Message-
> From: Conyers, Dwayne <[EMAIL PROTECTED]>
> To: David Laakso <[EMAIL PROTECTED]>; [EMAIL PROTECTED]
> Cc: css-d@lists.css-discuss.org
> Sent: Wed, 1 Aug 2007 3:25 pm
> Subject: RE: [css-d] Site Check
>
>
>
>
>
>
>
>
>
>
> David Laakso ink wired:
>
>
> > Just a basic site check:
> >
> > http://resume.christianziebarth.com/
> >
> > I'm trying to be very modern here while keeping it simple.
>
>
> Looks good.
>
> I agree with the comment to make the hyperlinks a bit more obvious.
>
> Also -- not sure how much credibility Brainbench adds.  I used to list
> my Brainbench Certs until I read in a tech publication that many IT
> hiring officials consider it a joke.  However, your mileage may vary.
>
> Great job!
>
>
> --
> I made magic once.  Now, the sofa is gone.
> http://dwacon.blogspot.com
>
>
>
>
>
>
>
> 
> Check Out the new free AIM(R) Mail -- Unlimited storage and
> industry-leading spam and email virus protection.
> __
> 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/

Re: [css-d] Site Check

[christianz]

 I hear ya on the Brainbench thing. I was about to take it down until I just 
recently had a prospective employer have me take the Brainbench test and they 
were flabbergasted on how good I did. Might still take it down but still need 
some way to show that my skills are exceptional.
And I'm working behind the scenes right now to make the hyperlinks more 
obvious. Thanks for the input.


 


 

-Original Message-
From: Conyers, Dwayne <[EMAIL PROTECTED]>
To: David Laakso <[EMAIL PROTECTED]>; [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Wed, 1 Aug 2007 3:25 pm
Subject: RE: [css-d] Site Check










David Laakso ink wired:


> Just a basic site check:
>
> http://resume.christianziebarth.com/
>
> I'm trying to be very modern here while keeping it simple. 


Looks good.  

I agree with the comment to make the hyperlinks a bit more obvious.

Also -- not sure how much credibility Brainbench adds.  I used to list
my Brainbench Certs until I read in a tech publication that many IT
hiring officials consider it a joke.  However, your mileage may vary.

Great job!


-- 
I made magic once.  Now, the sofa is gone.
http://dwacon.blogspot.com
 



 



Check Out the new free AIM(R) Mail -- Unlimited storage and industry-leading 
spam and email virus protection.
__
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] No brainer with margin/padding

[Anna Vester]

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Luc
Sent: Tuesday, July 31, 2007 5:05 PM
To: Css list
Subject: [css-d] No brainer with margin/padding



 "Error 403:" has a class with a "float: left". This of course does the
 trick but i was trying to get the same effect without "float", just
 by using marging/padding but that doesn't fall to well... trying
 several values i couldn't get it aligned like i want.

 http://www.dzinelabs.com/projects/MPT/Pages/error

 http://www.dzinelabs.com/Stylesheets/error
 


Luc,

What if you apply "text-align:right;" to the h1 tag? I haven't tested it,
but that should work. 

h1 { text-align:right;)
h1 span.title { float:left;}

Hope this helps,

---
Anna Vester
Web Designer
http://www.veanndesign.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] Site Check

[David Laakso]

[EMAIL PROTECTED] wrote:
> Just a basic site check:
>
> http://resume.christianziebarth.com/
>
> I'm trying to be very modern here while keeping it simple. I'm using the 
> Yahoo reset.css and a screen style sheet, a print style sheet, and a handheld 
> style sheet. The testing I've been able to do indicates that everything's 
> working fine. Thanks in advance.
>
> Christian Ziebarth
>
>   




Very simple and nice, Christian. A little difficult to distinguish 
clickable links. And as a personal and subjective, thought just a a 
little touch or hint of color might be a nice touch?
BTW, the css validation service has an issue resolving your host name.

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] Text coming up white in IE6 - very intermittent

[Arian Hojat]

hey,

google css invisible text IE highlight
"This problem mostly occurs on background images [or colors] and on text
next to a floated element. To *remedy the problem*, simply insert position:
relative into the CSS command for the disappearing element, and for some
bizarre reason that'll usually fix the problem. If this doesn't work (it
sometimes doesn't), assign a width to the offending element in the CSS and
that should fix the problem. [or zoom:1;] basically giving the element that
contains the text 'layout' will cure it in IE.


For some machines (only two that I've found so far), certain product pages
> (such as the one above) come up with NO text in the white area (or at
> least
> it appears that there is no text - it is actually just rendered white for
> some reason). If you highlight the page (Ctrl+A) it will show you that
> there
> is indeed text on the page. If you highlight and then click (once) off the
> highlighted text, it will remain there. visible, that is until you click
> anything else.
__
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] can type into input fields under absolutely positioned popup in IE

[Arian Hojat]

Hello all,
had an IE issue come up.
I have a absolutely positioned popup and 'underneath it' on the normal
static page I have some input fields which you can slightly see since the
popup has a little opacity.
In IE6 and IE7, I can type into these fields even though the popup is
showing up on top of them. Also a hyperlink underneath the popup is
clickable.
Is this a Z-index issue? The popup definitely shows up on top of the page
content.

Kinda annoying user could unknowingly change content while popup over it.

Arian
__
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] Site Check

[christianz]

Just a basic site check:

http://resume.christianziebarth.com/

I'm trying to be very modern here while keeping it simple. I'm using the Yahoo 
reset.css and a screen style sheet, a print style sheet, and a handheld style 
sheet. The testing I've been able to do indicates that everything's working 
fine. Thanks in advance.

Christian Ziebarth


Check Out the new free AIM(R) Mail -- Unlimited storage and industry-leading 
spam and email virus protection.
__
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] Zen Garden as a model and my printing issues

[Gunlaug Sørtun]

Ling, Luke C wrote:

> . . . Would working in a web standards compliant way, lead me
> to the path of enlightenment when it comes to my end users being able
> to print my pages, stripped of graphics? Or do I really only require
> a simple print version for the CSS that will override all my web
> rendering formatting?

A well-organized source-code is the best base, as reorganizing or 
repositioning for print isn't working all that well in the majority of 
today's browsers. What you (probably) want is a linear, more or less 
"text-only", version of a page, without all the screen-design stuff.

Once the source-code is brought somewhat under control, the rest is 
dealt with through CSS only, following one of two possible paths.

1: create a stylesheet for _all_ media, and use it to design primarily 
for screens.
1b: create a separate stylesheet for print, and override screen styles 
until you have a print-output you're satisfied with.

Article: 

2: create separate stylesheets or style-sets for each media, using 
either the media-attribute for stylesheet links, or @media wrappers, to 
keep them separate. This will basically give you a pretty print-friendly 
version even if you don't create a stylesheet or style-set for print, 
since nothing from your screen styles will affect print or other media.

Example: 

All other (cross-browser working) solutions are just variants of the 
shown methods.

A bit more info:




regards
Georg
-- 
http://www.gunlaug.no
__
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] font problem?

[Luc]

Thanks David and Phillipe,

i'll give both solutions a shot :-)

-- 
Best regards,
 Luc


Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"I find television very educating. Every time I turn it on, I go to
the library and read a good book." - Groucho Marx (1890-1977) -
comedian


__
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] Zen Garden as a model and my printing issues

[David Laakso]

>  I’m just really curious if I need to relearn how to code pages with CSS in 
> order to solve this printing issue.
>
>
>
> Luke Ling
>
>
>   
Oh, is that all...
1/ Google using the subject line: css- print style sheets
2/ 40 layouts with the primary content first in the source 

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] No brainer with margin/padding

[Mark Wheeler]

>  Good evening list,
>
>  This has got to be a no-brainer but i can't get my hands on it:
>
>  i've got a customed error page where the margin/padding is driving me
>  nuts.
>
>  the  holds the warning: "Error 403: Forbidden Access forbidden to
>  remote server"
>
>  The goal is to have "Error 403:" sitting flush to the left of the
>  container and to have "Forbidden Access forbidden to remote server"
>  flush to the right of the container.
>
>  "Error 403:" has a class with a "float: left". This of course does  
> the
>  trick but i was trying to get the same effect without "float", just
>  by using marging/padding but that doesn't fall to well... trying
>  several values i couldn't get it aligned like i want.
>
>  http://www.dzinelabs.com/projects/MPT/Pages/error
>
>  http://www.dzinelabs.com/Stylesheets/error
>
>
> -- 
> Best regards,
>  Luc
>

Hi Luc,

 From initial looking, get rid of the margin-left: -100px (this  
looked like a fix of some sort for your problem) in .text. Next, in  
your h1, you have:

padding: 20px 10px 15px 5em;

Notice the right side is set to 5em. I think that is  where your  
problem really is. Set that to 0:

padding: 20px 10px 15px 0;

That should fix it.

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/

[css-d] Pure CSS Menus and text areas

[James Condliffe]

Hi All,

I'm working on creating a pure css horizontal drop down menuing system.
Naturally my markup consists of nested unordered lists and I'm using the
:hover pseudo class to expand items that the user mouses over.

I am experiencing several problems at the moment, mostly related to
z-index. However one thing that is particularly concerning me is
something that I suspect might be a bug in Firefox.

One of the expanded menus expands to cover a text box. The menu works
fine until the mouse moves over an area of the expanded menu that covers
the text box. At this point, the menu vanishes and I am left with a
caret cursor over the text box and no menu.

I am aware of a possibly related bug here:
http://www.garretwilson.com/notes/computers/internet/browsers/mozilla/mo
usebug.html. I suppose it all depends whether Firefox relies on this
functionality internally to execute CSS stuff.

I'm interested to hear whether anyone else has experienced this problem,
and if so, if they managed to find a way around it.

I've attached a screenshot for further reference as well.

Thanks in advance,

James
__
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] Pure CSS Menus and text areas

[James Condliffe]

Hi All,

I'm working on creating a pure css horizontal drop down menuing system.
Naturally my markup consists of nested unordered lists and I'm using the
:hover pseudo class to expand items that the user mouses over.

I am experiencing several problems at the moment, mostly related to
z-index. However one thing that is particularly concerning me is
something that I suspect might be a bug in Firefox.

One of the expanded menus expands to cover a text box. The menu works
fine until the mouse moves over an area of the expanded menu that covers
the text box. At this point, the menu vanishes and I am left with a
caret cursor over the text box and no menu.

I am aware of a possibly related bug here:
http://www.garretwilson.com/notes/computers/internet/browsers/mozilla/mo
usebug.html. I suppose it all depends whether Firefox relies on this
functionality internally to execute CSS stuff.

I'm interested to hear whether anyone else has experienced this problem,
and if so, if they managed to find a way around it.

Thanks in advance,

James
__
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] Border not shown in Firefox

[Susan Grossman]

>
>
>   I tried changing the borders to border: 1px solid #e6e6e6; instead of
> defining for all of them like border-top, border-right etc. but it doesn´t
> make any difference.
>   Why does FF not show the border? Thanks for any ideas
>
>
>
It worked for me doing
   border : 6px solid #e6e6e6;
 in FireFox for Windows - What FireFox isn't it working for you in?

-- 
Susan R. Grossman
[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] div height in IE6 smaller than FireFox

[Gunlaug Sørtun]

Ian Young wrote:
 > http://www.iyesolutions.co.uk/templates/trossachs/test.html

> Looks fine in compliant browsers but the heights are nowhere near 
> matching up in IE6.

1: Add 'display: block' to all images that aren't supposed to be inline 
(default). That means all but a few "arrows" in the left column.

2: Add '* html div {overflow: hidden;}' to make IE6 respect given 
dimensions.

> Also, although the heights are in ems, they break out at double zoom
> in FF.

Happens automatically on first load in all browsers but IE6 at my end, 
since I have 'minimum font size' / 'ignore font size' set.

Once you lock the height to 'em', those containers have to scale in both 
dimensions if they are to contain growing text. This means you'll have 
to set width in 'em' too.

Since you're using a fixed width, you'll have to set 'height: auto' 
(default) if you want them to contain growing text, and find other means 
to create that "equal columns" look.

CSS tables would of course solve the problem, but aren't natively 
supported by IE and I wouldn't recommend the workaround.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Float problem in IE

[Gunlaug Sørtun]

bill scheider wrote:

> In IE, the box floats to the right but the text doesn't flow around 
> it.

> http://tinyurl.com/3anvnc

Delete the width on those paragraphs - at least for IE, as the width 
acts as a 'hasLayout' trigger, making each paragraph a rigid block in 
IE. There's no way around this effect of the 'Layout' bug but to avoid 
triggering it.

Use margins or paddings to line up those paragraphs as intended.

regards
Georg
-- 
http://www.gunlaug.no
__
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] printing background images

[Paul Seale]

Hey all, 

Ive ran into a slight problem regarding printing content (text) with the
background showing up. Is it possible to do so, or do I need to outright
stack layers on each other with the image laying in one and the text in the
other?

Thanks in advance.


__
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] No brainer with margin/padding

[Mark Wheeler]

>  Good evening list,
>
>  This has got to be a no-brainer but i can't get my hands on it:
>
>  i've got a customed error page where the margin/padding is driving me
>  nuts.
>
>  the  holds the warning: "Error 403: Forbidden Access forbidden to
>  remote server"
>
>  The goal is to have "Error 403:" sitting flush to the left of the
>  container and to have "Forbidden Access forbidden to remote server"
>  flush to the right of the container.
>
>  "Error 403:" has a class with a "float: left". This of course does  
> the
>  trick but i was trying to get the same effect without "float", just
>  by using marging/padding but that doesn't fall to well... trying
>  several values i couldn't get it aligned like i want.
>
>  http://www.dzinelabs.com/projects/MPT/Pages/error
>
>  http://www.dzinelabs.com/Stylesheets/error
>
>
> -- 
> Best regards,
>  Luc

Hi Luc,

(sorry if this is  a double post - I didn't see it  post even though  
I saw others come in after I sent mine earlier.)

 From initial looking, get rid of the margin-left: -100px (this  
looked like a fix of some sort for your problem) in .text. Next, in  
your h1, you have:

padding: 20px 10px 15px 5em;

Notice the right side is set to 5em. I think that is  where your  
problem really is. Set that to 0:

padding: 20px 10px 15px 0;

That should fix it.

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] No brainer with margin/padding

[Luc]

Good morning Mark, 
It was foretold that on 1/8/2007 @ 07:18:06 GMT-0700 (which was
11:18:06 where I live) Mark Wheeler would write:



>  From initial looking, get rid of the margin-left: -100px (this  
> looked like a fix of some sort for your problem) in .text.

Yeah, i used that fix when i left floated it.

> Next, in  
> your h1, you have:

> padding: 20px 10px 15px 5em;

> Notice the right side is set to 5em. I think that is  where your  
> problem really is. Set that to 0:

Correct: i just noticed that the 5em messes up the whole h1 line :-)

> That should fix it.

It did fix it !

I gave the .title a margin-right: 25px and it's working now.

But upon testing it doesn't hold up cross-browser, meaning:

in Opera, Moz, Fireworks and IE7, the text on the right in the h1
drops below the one on the left when resizing the viewport. An effect
i'm used to see when using floats but in this case i'm not using
floats. IE6 doesn't show that phenomena.

Strange huh?

The example provided by David, using floats, does hold up across
browsers on the other hand.

Seems like i'm in the twilight zone lol

-- 
Best regards,
 Luc
_


Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"People will pay more to be entertained than educated." - Johnny
Carson. 


__
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] Same code different results

[swidd_bot-css]

The difference is a result of the body font being set to Verdana as opposed to 
the default Arial.  The text is wrapping so either set the font to Arial make 
the font-size smaller or make the containing box bigger.  I set the font-size 
to 8px instead of 9px for the radio button text and it no longer wrapped to 2 
lines.

jana  coyle <[EMAIL PROTECTED]> wrote: I have a container setup for placing 
orders, as seen in the following link.  
http://precisemessenger.com/private/orderbox.html
Notice line 1. has both radio buttons on the same line.  This is what I am 
looking for.

Unfortunately when I implement this container into my page, extra space is 
added and the radio buttons are on two lines.  Here is a link to see what I 
mean http://precisemessenger.com/private/placeorder.html

Please help me find what I am doing wrong.

__
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] CSS image/div handling questions...

[swidd_bot-css]

Try this:

div.positionHell {margin-left:-255px;}


__
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] Float problem in IE

[bill scheider]

Hi all, 

 

I'm hoping someone can help me out with this.

 

My layout is a two-column with opposing floats (float: left, float: right).
All was well until I decided to add a right floating box into the
right-floating column. It renders as it should (or as I expect it to - not
always the same thing) in FF, NS and Opera. In IE, the box floats to the
right but the text doesn't flow around it. I've spent the day trying
everything I know how to do, and I sure would appreciate another set of eyes
on the page if anyone could take the time. I'm thinking it has something to
do with all those floats, but I'd like to be wrong! The html and css
validate. The page can be found here:  http://tinyurl.com/3anvnc

 

Thanks in advance for any help,

Bill Scheider

 

__
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] Text coming up white in IE6 - very intermittent

[Luke Visinoni]

I am having a very strange error, and unfortunately I cannot direct you to a
specific page for you to find it. I cannot even tell you for sure that it
will happen when you visit the page. It is one of the most frustrating and
strange errors I've ever seen. OK, having said all that, please take a look
at the following page in IE6:

 

 http://www.tarmadesigns.com/product/nature/100288/spiral-wristband 

 

For some machines (only two that I've found so far), certain product pages
(such as the one above) come up with NO text in the white area (or at least
it appears that there is no text - it is actually just rendered white for
some reason). If you highlight the page (Ctrl+A) it will show you that there
is indeed text on the page. If you highlight and then click (once) off the
highlighted text, it will remain there. visible, that is until you click
anything else. If that particular product page does not work, try a few of
these as well. like I said this issue is very intermittent. I am at a total
loss at what it might be. L

 

http://www.tarmadesigns.com/product/yoga/100272/om-pendant 

http://www.tarmadesigns.com/product/active/100335/road-bike-earrings 

http://www.tarmadesigns.com/product/nature/100274/cairn-wristband

 

 

Thank you so much for any kind of insight you may have. 

 

-Luke

 

__
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] Banner getting cut off with horizontal scroll

[tsooki.com]

Hi all

If I resize my browser so that I get a horizontal scroll bar, I'm 
noticing that when I scroll to the right, the banner at the top is cut off:

http://www.mcparkandplanning.org/home.shtm

I've tried many variations of auto, inherited and 100% widths on the
various elements, and can't get it to work correctly.

We don't want to get rid of the horizontal scroll bar, just make sure 
the top banner and toolbar are always maximum width. We also don't want 
to use overflow:hidden with our content. We just want to make sure that 
the top bar is always maximum page width.

Is this a bug? Any ideas?

Thanks,

- Laurence



__
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] help with footer background image repeat

[Nicole Williams]

Hi Debbie,

I think you have two options.  By removing the line below it should 
repeat continually to fill the area:

background-position: left;

Or, make the footer image a taller image.  This will give the illusion 
of repeating both x and y directions.

Nicole

Debbie Campbell wrote:
> In this page:
>
>   
>> http://www.parallaxwebdesign.com/projects/pete/
>> 
>
> If you drag the bottom of the window down and out you can see that the 
> footer background repeats in the x-direction fine, but not in the 
> y-direction.
>
> I'm not sure if this can work this way, but I'd like it to extent 
> indefinitely downward (or just to the point where if they're using a 
> higher resolution, the background pattern doesn't just end abruptly).
>
> Here's the CSS:
>
> #footer {
> clear: both;
> position: relative;
> bottom: 0;
> left: 0;
> padding: 0;
> min-height: 90px;
> height: auto;
> background-image: url(graphics/footer_bg.gif);
> background-position: left;
> background-repeat: repeat;
> }
>
> Debbie
>
>
>   
__
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] Mac/Windows line-height and padding differences

[Francois Jordaan]

Hi everyone,

Could someone please shed light on the big difference I see here between
Windows and OS X?

http://www.fjordaan.net/tests/icontest.html

The most obvious annoying symptom is the cropping on the icons (which are
16x16). But the line-height differs by a whopping 2px. I could understand
cross-browser differences, but the difference even exists between Firefox
2.0.0.5 on Windows and Firefox 2.0.0.5 on OS X!

What should my styles be to achieve the effect I want, cross-platform?

Any help much appreciated!

francois

__
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] simple margins question

[[EMAIL PROTECTED]]

Hi Michael,

I am new to this listserve so please forgive me if I am off base.

I have added a 3px yellow border to your containing div, and it appears to be 
positioned at 0 (top) of the body.

am I missing something? I have looked at it in Firefox 5.0 and IE 6.0. However 
to center the containing div in IE you will need to center the text in the body 
element.

Jamy

__
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] Zen Garden as a model and my printing issues

[Ling, Luke C]

All,

 

I just found the list yesterday and am so glad there is such a resource! 
Jumping right in, I have what I hope is not a waste of everyone’s time 
question, but might help others.

 

I have been looking at Zen Garden a lot the last couple of days and noticed 
that when I send it to the printer I get a very neatly formatted text page, 
stripped of all graphics. That is great! That’s exactly what I’m looking for. 
Even if I have “Print background Images” checked (FF on MAC OSX or FF on Win 
XP), I still get just the text. This led me to discover through other searches 
that you could link specific style sheets for specific devices. Very cool!

 

Currently I’m working on several sites here (Sorry but they’re all behind 
firewalls on Dev servers; otherwise I would have provided links. Trust me I 
would have!) that are full of patient educational materials. I would love to 
have users be able to print my pages without graphics, and navigation elements, 
which just don’t matter when they walk away with their printouts. What 
currently happens is my page looks great on screen, it validates with the W3 
validation tool, but when I go to print, what should come out in three pages 
(as if printed from Word), comes out as three pages of the following. First 
page is background color and just a header. Second page is my text and 
navigation, but the text gets cut off at the bottom of the page. The last page 
is just the footer with background color. That second page where the content 
gets cut off never continues to another page! Arghh! All this happens even 
though everything is surrounded by a wrapper div.

 

I’ve tried to imitate the structure of Zen Garden’s markup in a sample page 
(content first, navigation last) which is MUCH different from how I would have 
normally laid out the page and am getting much different results. I.e. body 
text is shoved to the right as if it were still in a fixed width column, 
disclaimer/footer text flowing along the left hand side of the body text. I 
would normally code top to bottom, left to right, which would put navigation 
elements before body text. 

 

I’m going to assume that the way Zen Garden was coded follows web standards, 
which honestly, I’ve never really looked into (Feel free to chastise). Would 
working in a web standards compliant way, lead me to the path of enlightenment 
when it comes to my end users being able to print my pages, stripped of 
graphics? Or do I really only require a simple print version for the CSS that 
will override all my web rendering formatting?

 

I realize this is a rather broad based question, feel free to give broad 
answers, as I didn’t want to deluge this post with 50 questions. And before you 
suggest it, I do plan on picking up a Web Standards book this weekend anyway. 
I’m just really curious if I need to relearn how to code pages with CSS in 
order to solve this printing issue.

Thanks everyone!

Luke Ling


No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.476 / Virus Database: 269.10.22/922 - Release Date: 7/27/2007 6:08 
AM
 
__
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] Border not shown in Firefox

[trevor bayliss]

  http://216.219.94.105/ajax.htm
  Hi all this is a small test page. The aTab has a border around it in IE but 
in Firefox it doesn´t appear:
.gw_aTab {
padding : 5px;
float : none;
width:auto;
border-top : 1px solid #e6e6e6;
border-right : 1px solid #e6e6e6;
border-left : 1px solid #e6e6e6;
border-bottom : 1px solid #e6e6e6;
min-height:195px;
}

  I tried changing the borders to border: 1px solid #e6e6e6; instead of 
defining for all of them like border-top, border-right etc. but it doesn´t make 
any difference.  
  Why does FF not show the border? Thanks for any ideas

   
-
Yahoo! oneSearch: Finally,  mobile search that gives answers, not web links. 
   
-
Be a better Heartthrob. Get better relationship answers from someone who knows.
Yahoo! Answers - Check it out. 
__
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] No brainer with margin/padding

[David Laakso]

Luc wrote:
>  Good evening list,
>
>  This has got to be a no-brainer but i can't get my hands on it:
>
>  i've got a customed error page where the margin/padding is driving me
>  nuts.
>
>  the  holds the warning: "Error 403: Forbidden Access forbidden to
>  remote server"
>
>  The goal is to have "Error 403:" sitting flush to the left of the
>  container and to have "Forbidden Access forbidden to remote server"
>  flush to the right of the container.
>
>  "Error 403:" has a class with a "float: left". This of course does the
>  trick but i was trying to get the same effect without "float", just
>  by using marging/padding but that doesn't fall to well... trying
>  several values i couldn't get it aligned like i want.
>
>  http://www.dzinelabs.com/projects/MPT/Pages/error
>
>  http://www.dzinelabs.com/Stylesheets/error
>  
>  
>   



You could use absolute positioning, but that always seems to cause more 
problems than it is worth (for me) .
This [1] is one way to do it with floats and has been cursory tested in 
ie6 and 7 and in compliant browsers.

HTH.
~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] No brainer with margin/padding

[Luc]

Good morning Anna, 
It was foretold that on 1/8/2007 @ 08:06:54 GMT-0500 (which was
10:06:54 where I live) Anna Vester would write:



> What if you apply "text-align:right;" to the h1 tag? I haven't tested it,
> but that should work. 

Anna, i already have that in my sheet :-)

What i'm looking for is to align the span class to the left without
using float :-)

But thanks for the answer :-)

 
-- 
Best regards,
 Luc
_

Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"To get nowhere, follow the crowd." - Frank Baer. 


__
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] div height in IE6 smaller than FireFox

[Ian Young]

Hi folks

Revamping client website and the design requires elements in centre of
content to line up with left hand column. Looks fine in compliant browsers
but the heights are nowhere near matching up in IE6.

http://www.iyesolutions.co.uk/templates/trossachs/test.html
http://www.iyesolutions.co.uk/templates/trossachs/includes/style.css

Has to be something easy but wood and trees, chaps.
Also, although the heights are in ems, they break out at double zoom in FF.

Any suggestions very welcome.

Cheers

Ian

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.

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.476 / Virus Database: 269.11.0/929 - Release Date: 31/07/2007
17:26
__
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] No brainer with margin/padding

[Luc]

 Good evening list,

 This has got to be a no-brainer but i can't get my hands on it:

 i've got a customed error page where the margin/padding is driving me
 nuts.

 the  holds the warning: "Error 403: Forbidden Access forbidden to
 remote server"

 The goal is to have "Error 403:" sitting flush to the left of the
 container and to have "Forbidden Access forbidden to remote server"
 flush to the right of the container.

 "Error 403:" has a class with a "float: left". This of course does the
 trick but i was trying to get the same effect without "float", just
 by using marging/padding but that doesn't fall to well... trying
 several values i couldn't get it aligned like i want.

 http://www.dzinelabs.com/projects/MPT/Pages/error

 http://www.dzinelabs.com/Stylesheets/error
 
 
-- 
Best regards,
 Luc


Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"You can tell who are beginners in love by the fact they just can't
give up." - Kim Basinger - US actress.


__
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] ie7 div width problem

[Anna Vester]

On 7/31/07, Melinda Odom <[EMAIL PROTECTED]> wrote:
> Hi,
>
> Why is the lime green area wider in IE7 than in the other browsers?
> http://www.designhosting.biz/test.html
>

Hey Melinda,

Not sure I am seeing the problem. The width of the green area looks as
wide in IE7 and IE6 as in all in other browsers (FF and Opera).
Possibly, the fact that scroll bar is fixed in IE browser makes it
look like that area is wider. Just a thought though.

Hope this helps,
-- 
Anna Vester
Web Designer
http://www.veanndesign.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/