[css-d] Problem balancing margins and paddings

[Mitko Gerensky-Greene]

I am trying to redesign the following 3-column layout
http://lmmiller.com/biography.html to a new, simpler version with just two
columns:

http://lmmiller.com/test.php

http://lmmiller.com/assets/css/test.css

I am facing the following issues:

1. The #quotes appear to have a tiny top margin even though I am trying to
neutrialize the #content's top padding with the #quotes top margin:

#content
{
background-color: #fff;
margin-left: 200px;
border-left: 1px solid gray;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
/* max-width: 36em; */
}

#quotes {
width: 200px;
background-color: #A5B2DE;
border-top: 1px solid gray;
border-right: 0px solid gray;
border-left: 1px solid gray;
border-bottom: 1px solid gray;
float: right;
margin-top: -1em;
margin-right: 0em;
margin-bottom: 0px;
margin-left: 10px;
text-align: right;
padding: 10px;
font-size: 90%;
}

2. If I attempt to give #content padding-right: 1em, the #quotes appears
with right margin in Firefox and shifted way to the right in IE6.

What I want to accomplish is a simple layout where the #quotes are
positioned in the top right corner of the #content in both Firefox and IE.

Any assistance would be highly appreaciated!

Thanks in advance!

Mitko
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] classes and id's

[francky]

Jon Jensen wrote:

>It depends on what you are trying to do... Each of these does 
>something slightly different:
>[...]
>
>[...]
>
>If all of this went over your head, have a look at
>http://css.maxdesign.com.au/selectutorial/
>for a great primer on selectors and CSS.
>
>Jon
>
And a direct online explication for what a home made selector is 
expected to do:
the "SelectORacle":
http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div jumps in IE (two examples)

[francky]

Glenn E. Lanier, II wrote:

>>From: francky
>>Sent: Friday, May 05, 2006 5:07 PM
>>[...]
>>[...]
>>[...]
>>To get the difference, I should advise to isolate the problem by 
>>commenting out parts of the (overwhelming table-) code you got, see 
>>where the css is going wrong, and correct IE in that place(s).
>>

>You're not doing this the right way.
>  
>
:-)

>You should point out the problem
>  
>
:-)

>[...]
>
I think this is a bit off topic, so I'll go on off list. The problem is 
here:
http://home.tiscali.nl/developerscorner/css-discuss/helping-glenn.e.lanier-II.txt

Anyway, thanks for helping me how to help.

francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] irritating margin difference

[Felix Miata]

On 06/05/07 23:59 (GMT-0400) Felix Miata apparently typed:

> I did some rework on my home page today. It has a 25 sec. delayed
> redirect, so I have a copy with no redirect temporarily available at:
> http://mrmazda.no-ip.com/indexx.html

> I have no Mac, so my only Safari look comes from
> http://www.snugtech.com/safaritest/, which doesn't say which Safari
> version it uses.

> My intent is for each of the bordered divs to appear to have identical
> spacing between themselves. These browsers render the spacing the way I
> want:
...

I figured out that '#entrybuttonc, #entrybuttonl, #entrybuttonr
{font-size: x-large;}' needed to be changed to '#entrybuttonc p,
#entrybuttonl p, #entrybuttonr p {font-size: x-large;}', so that the
divs were sized according to the default font instead of x-large. Now it
works as expected in all the same browsers I originally tested with,
with the added bonus that IE at smaller no longer pushes #entrybuttonc
down below the two that belong on each side of it.

Thanks for the private replies that rattled me into taking a fresh look. :-)
-- 
"All have sinned & fall short of the glory of God." Romans 3:23 NIV

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

Felix Miata  ***  http://mrmazda.no-ip.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check/couple of issues

[Gunlaug Sørtun]

Rella Abernathy wrote:
> [...]

> I really am a newbie and out of my depth. I am trying to determine 
> which doctype to use -- not sure what works where, etc -- but that's 
> not for a CSS list...

Not entirely outside the scope of css-d though, as the choice of DTD
definitely affects how CSS is working.

W3C has this list...

...to choose from.

Browsers reaction is listed here...


My suggestion is: if in doubt, go for...
http://www.w3.org/TR/html4/strict.dtd";>
...and make the markup conform to that DTD.


> I'm so uncertain of how to get this type of CSS to work on these 
> menus, that this is the only way I have it working. Will it break it 
> anywhere if I use the div id twice?

Browsers will accept it, but an ID is not meant to be used more than
once in a page. You should use a CLASS instead.

> [...]

> I don't know how to fix the issues in IE and IE users are unlikely to
>  buy our products anyway.

Maybe some will change their mind if they can see the products?

Suggestion: use those 'conditional comments' to serve reworked 8-bit
transparent png (or gif) to IE6 (and older), and the proper 32-bit image
to the others.

Something like...



...will do.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Side navigation too low

[Mark Fellowes]

Actually this seems to be a Firefox problem.

Not sure what's going on here.  I've been looking through the code (XHTML and 
CSS validate)
However the side nav is too low on the left side.

http://pamshop.com/Template1/exp8.html#

Here is the CSS for the side navigation:
http://pamshop.com/Template1/exp8_side_nav.css

TIA
Mark
__
your personal webtop. @ http://www.goowy.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
your personal webtop. @ http://www.goowy.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Resizing in IE and footer in Firefox

[francky]

Tom McNeer wrote:

>Hello,
>
>I'd appreciate it if folks could take a look at the following sample and
>give me some guidance as to my errors:
>http://www.mediumcool.com/test/layouttest.html.
>
>I have included most of the style information within the HTML file for
>convenience, although there is a linked stylesheet that affects the menu
>list items.
>
>Here's what's happening: In IE, the pages displays as I would hope until the
>window is resized downward. Then two things happen: 1) the shadow which
>forms a border on the upper part of the content area is repeated underneath
>the top-level menu items and the bg color of the outer (or upper) div is
>shown below the menu items, and 2) the elements which create the left-hand
>border disappear.
>
>Refreshing the page corrects most of this. I have noticed that if I remove
>the menu list entirely, the same issue regarding the shadow and background
>color appears, even when initially displayed.
>
>In Firefox, I have a different problem: the footer content is displayed
>oddly. The image defined as the background for the footer div does not
>appear. If I eliminate the image and define a background color for the div,
>that color is not displayed, although test content in that div is shown.
>
>Could someone please show me the error of my ways. Thanks very much in
>advance.
>
>--
>Thanks,
>
>Tom
>  
>
Hi Tom,
After Georg's advise to correct the html you'll notice the 
corners/borders still don't display as you want them ...; the 
corner/border-div's aren't good arranged.
Time for Exercise! :-)
http://home.tiscali.nl/developerscorner/css-discuss/test-mcic.html
(Link to article included.)

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Disappearing Breadcrumb!

[Brian Jones]

At first glance it sounds like a problem I had called the
Peekaboo bug: http://www.positioniseverything.net/explorer/peekaboo.html

On 5/8/06, Nick Grossman <[EMAIL PROTECTED]> wrote:
> Hi Everyone,
>
> I'm in the middle of a little mystery, and I'd appreciate any help you
> might be able to offer...
>
> On the following page, the breadcrumb is disappearing in IE6/win (fine
> in ffox).  However, if you mouse over the breadcrumb area (top of page
> to the right of the logo) it will reappear.  Then, if you mouse over
> the "About PPS" menu the breadcrumb will disappear again!  Btw, if
> there's no background color (pink in this case, for demonstration) the
> breadcrumb is always visible.
> http://stage.pps.org/info/newsletter/
>
> However, it's on this page it's fine:
> http://stage.pps.org/
>
> Thanks in advance for any help!
>
> - Nick Grossman
> www.wrkng.net
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS not loading in Firefox/IE

[Gunlaug Sørtun]

CSS wrote:
> Your point is taken, Georg -- although, with respect, I don't believe
>  that the state of the HTML markup (which hasn't changed recently) 
> really affects whether the stylesheet should load correctly for some 
> visitors and not for others.

Of course it doesn't :-)
However, it is so much easier (for me at least) to look for possible
problem-spots when the markup is good.

> Having said that, I've corrected the validation errors now -- so if 
> you'd like to have another look, Georg, and see if you can figure 
> anything out now, that would be great ;-)

I've had another look, and can't see anything wrong in there.
The suspect the same as the others: that the problem is at the user-end
- something gone wrong with the set up.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] classes and id's

[Jon Jensen]

It depends on what you are trying to do... Each of these does something
slightly different:

a.leftborder {color: #ff;}
/* all anchors having the leftborder class will be white
   e.g. bar
*/

.leftborder a {color: #ff;}
/* all anchors inside an element having the leftborder class will be white
   e.g. bar
*/

a.leftborder:hover {color: #00;}
/* all anchors having the leftborder class will be black when moused over
   e.g. bar
*/

.leftborder a:hover {color: #00;}
/* all anchors inside an element having the leftborder class will be black
when moused over
   e.g. bar
*/

ul.leftborder li a {color: #ff;}
/* all anchors inside an li inside a ul having the leftborder class will be
white
   e.g. bar
*/

If all of this went over your head, have a look at
http://css.maxdesign.com.au/selectutorial/ for a great primer on selectors
and CSS.

Jon

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] distribute images across a page

[[EMAIL PROTECTED]]

Thanks to Christian I used his (her?) technique and have a working 
version of my own.  I added a rollover effect on my example:  
www.dottedi.biz/codesamples/5-image-rollover.html

The solution hit the mark!  -Bob

Christian Heilmann wrote:

My guess would be to use a real list, set the images to display:block,

float the images to the left, float the LI elements to the left and 
float the main UL to the left.

http://icant.co.uk/sandbox/imageDistribution.html

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Side navigation too low

[Mark Fellowes]

Not sure what's going on here.  I've been looking through the code (XHTML and 
CSS validate)
However the side nav is too low on the left side.

http://pamshop.com/Template1/exp8.html#

Here is the CSS for the side navigation:
http://pamshop.com/Template1/exp8_side_nav.css

TIA
Mark
__
your personal webtop. @ http://www.goowy.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] classes and id's

[Ron Payette]

Hi - I realize this is a very basic question, but the more I try to
figure it out the more confused I get.  So maybe one of you can set me
straight!

When using classes (or id's) - what is the correct way to do the
following:
a.leftborder {color: #ff;} OR
.leftborder a {color: #ff;} OR what about
a.leftborder:hover {color: #00;} OR
.leftborder a:hover {color: #00;} And what about this
ul.leftborder li a {color: #ff;} (Now that's getting really weird
looking???  Is that how you do it?)


I'm sorry to bother you all with something so basic, but I couldn't seem
to find any thing consistent.  And now I think I'm super confused!

Very sincerely,
Allison




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Disappearing Breadcrumb!

[Nick Grossman]

Hi Everyone,

I'm in the middle of a little mystery, and I'd appreciate any help you
might be able to offer...

On the following page, the breadcrumb is disappearing in IE6/win (fine
in ffox).  However, if you mouse over the breadcrumb area (top of page
to the right of the logo) it will reappear.  Then, if you mouse over
the "About PPS" menu the breadcrumb will disappear again!  Btw, if
there's no background color (pink in this case, for demonstration) the
breadcrumb is always visible.
http://stage.pps.org/info/newsletter/

However, it's on this page it's fine:
http://stage.pps.org/

Thanks in advance for any help!

- Nick Grossman
www.wrkng.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div jumps in IE (two examples)

[Glenn E. Lanier, II]

> From: francky
> Sent: Friday, May 05, 2006 5:07 PM

> Glenn E. Lanier, II wrote:
> 
> >[...]
> >If you're still reading and not confused, let me try to sum it up:
> >http://www.CarpentersForChrist.com/LayerTest/reg.html 
> >contains valid HTML
> >  
> >
> ... Oho! I was still reading but also confused, while I did check the 
> html-validator in the meantime.

Proper link to behaving page. Improper wording. Reg1.html, the misbehaving
page, is validated. No errors -- CSS errors are all leading underscore
related, and shouldn't cause the problem, since reg.html displays properly
in IE using the same CSS.

HTML in question:
http://www.CarpentersForChrist.com/LayerTest/reg1.html

Validation of HTML in question:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.carpentersforch
rist.com%2FLayerTest%2Freg1.html

> To get the difference, I should advise to isolate the problem by 
> commenting out parts of the (overwhelming table-) code you got, see 
> where the css is going wrong, and correct IE in that place(s).

You're not doing this the right way. You should point out the problem
(concisely, hopefully) and let me be on my way! I don't mind hacking that
beast down to size, but was hoping a quick glance with fresh eyes would shed
some light on where to hack first. 

> ps-1: the css-validator can be made happy by replacing the 3 
> IE_underscore hacks by a conditional comment.
I'll look at that.

> ps-2: beautyful css-hovers instead of the html-absorbing js-hovers 
> should be some good work too. :-)

I agree, but not my call. They'd also benefit from being added using SSI,
not hard coded into every single page, but that is a story for a different
day.

--G

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Three right floated horizontal navigation lists

[Kristin Caulfield]

Hello,

I've been going crazy trying to solve this problemIn the header area of 
this site I'm working on, I have 3 horizontal navigation bars, one under the 
other, floated to the right. From top to bottom--A tools menu, a main menu, and 
a sub menu. In the long run I want to make the sub menu be nested within the 
main menu, but I'm not ready to tackle that in CSS just yet. So for now the sub 
menus are separate unordered lists that I hide when appropriate.

I'm just working this out in Firefox on both a mac and pc at the moment and am 
not ready to start browser de-bugging. 

My tools menu and my sub menu float just fine to the right, but I can't get my 
main menu (the middle one) to do so without reversing the order of my list 
items so that the first one ends up being the furthest right on the page. The 
code below is my latest version and the menu sticks to the left of the page.

I've tried just about every combination of float and clear I can think of, even 
ones that made no logical sense whatsoever and am stumped. Any help you can 
offer would be greatly appreciated.

I apologize that I don't have a server to upload this to at the moment. I hope 
I have provided enough code for you to take a look. If you need more 
information about the page, I will do my best to provide it.

Thanks in advance,

Kristin

/* Tools menu */

#toolsnav {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
background: url(../pics/headerbackground.gif);
}

#toolsnav li {
float: left;
line-height: 1.1em;
margin: 0 5px 0 -5px;
padding: 0 5px 0 5px;
list-style-type: none;
}

/* WFCFIA MENU- */

#mainnavcontainer {
clear: both;
width: 100%;
background: url(../pics/headerbackground.gif);
}

#mainnav {
margin: 0;
padding: 0 0 6px 0;
list-style-type: none;
width: 50%;
background: url(../pics/headerbackground.gif);
}
 
#mainnav ul {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
color: #467;
}

#mainnav li {
display: inline;
}

/* WCFIA sub level navigation */

#subnavcontainer {
clear: both;
float: right;
background-color: #578;
color: #fff;
}

.subnav {
clear: right;
float: right;
margin: 0;
padding: 2px 0 2px 0;
width: 100%;
background-color: #578;
color: #fff;
}

.subnav ul, .subnav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
color: #ccc;
background-color: #578;
font-weight: bold;
}

 HTML 




Home
Contact Us
Intranet
Site Map









 




About Us
Calendar
People
Faculty & Student  
Resources
 

 




About Us: 
History
Affiliates Overview
Administration 
Overview
Communications


...other lists for hidden submenus...

 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Eliminating the URL address, date, and No. of pages

[Jan Brasna]

> it prints out the URL of the document [...] How do I get rid of all that?

In your browser settings.

-- 
Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check/couple of issues

[Rella Abernathy]

> Nor sure whether you have done some work on this but cannot see  
> where Bill
> gets 57 markup errors. I was intrigued and had a look see. I found  
> 3!! and
> all the same error.

In all fairness to Bill, I'm going through the html and trying to  
find and fix the errors, uploading it and checking it on the  
validator. I really am a newbie and out of my depth. I am trying to  
determine which doctype to use -- not sure what works where, etc --  
but that's not for a CSS list...

I apologize for not knowing enough to have this all worked out before  
posting. I was rushing around to try to get it out and I didn't even  
think of valiation.

>
> You have tried to use a div more than once rather than a class.

I'm so uncertain of how to get this type of CSS to work on these  
menus, that this is the only way I have it working. Will it break it  
anywhere if I use the div id twice?


>
> Whilst I agree with Bill that it is good practice to have good  
> markup it
> depends what markup error there is whether it affects CSS.

True and I'm learning.

>
> However, much more fundamental than that, is the fact that it  
> doesn't work
> in IE or Opera.

Is it redirecting Opera?

>
> FF accounts for 8% of browsers, Safari 2%, Netscape doesn't figure  
> these
> days (completely off the scale) and whether we like or not, IE still
> accounts for over 80% of browsing community, so our websites need  
> to work on
> IE if they are to be seen by a significant number of people. Oh and  
> by the
> by, I was under the impression that Opera is a compliant browser.

Do you have Opera set to ID as MSIE or is it being redirected? The  
redirect is only for IE up through version 6.

>
> I guess you need to do a bit more on what is  a promising looking  
> site and
> ditch the javascript

I tried to look at what would be required to get png transparency to  
work and I have no idea of how to work around roll over issues. I  
don't want to be offensive to IE users either. But, our products are  
all OS X, so the largest group on our site really are Safari users.  
And I guess there's also the principal of the matter that MS have  
purposefully made IE use proprietary code to try to muscle out  
competition. So, it's a hard decision for me to make. I don't know  
how to fix the issues in IE and IE users are unlikely to buy our  
products anyway.

Thanks for the help.

I hope you guys will look at my site again after I get my html sorted  
out.

Rella
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check/couple of issues

[Bill Brown]

> Nor sure whether you have done some work on this but cannot 
> see where Bill gets 57 markup errors. I was intrigued and had 
> a look see. I found 3!! and all the same error.
[snip]
> Whilst I agree with Bill that it is good practice to have 
> good markup it depends what markup error there is whether it 
> affects CSS.
[snip]
> Ian

Rob, Ian,

I didn't keep the screen open for that error check and it is entirely
possible I was returning results from some other site check. I've just
checked again and a check of the code on the contact page returns 8 errors.
There's also 8 in your CSS, the details of which I've included since they
are CSS issues.

URI : http://robabernathy.com/styles/main.css

* Line: 32 Context : .twelve
  Invalid number : padding-top none is not a padding-top value : none
* Line: 32 Context : .twelve
  Invalid number : padding-bottom none is not a padding-bottom value :
none
* Line: 34 Context : .fourteen
  Invalid number : padding-top none is not a padding-top value : none
* Line: 34 Context : .fourteen
  Invalid number : padding-bottom none is not a padding-bottom value :
none
* Line: 37 Context : .eleven
  Invalid number : padding-top none is not a padding-top value : none
* Line: 37 Context : .eleven
  Invalid number : padding-bottom none is not a padding-bottom value :
none
* Line: 39 Context : .elevencent
  Invalid number : padding-top none is not a padding-top value : none
* Line: 39 Context : .elevencent
  Invalid number : padding-bottom none is not a padding-bottom value :
none 

--Bill

||
| Bill Brown |
| Webmaster, MacNimble.com   |
| http://www.macnimble.com   |
| mailto:[EMAIL PROTECTED]  |
| Phone: 215-237-2037|
||



___
$0 Web Hosting with up to 200MB web space, 1000 MB Transfer
10 Personalized POP and Web E-mail Accounts, and much more.
Signup at www.doteasy.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS not loading in Firefox/IE

[Ian Young]

>
> Your point is taken, Georg -- although, with respect, I don't
> believe that
> the state of the HTML markup (which hasn't changed recently)
> really affects
> whether the stylesheet should load correctly for some visitors
> and not for
> others.
>
> Having said that, I've corrected the validation errors now -- so if you'd
> like to have another look, Georg, and see if you can figure anything out
> now, that would be great ;-)
>
>
Looks great to me on IE, FF, and Opera

Looks as if there is a major problem with client's set up. Might be worth
checking their set up as first suggested. I had a client who could not view
a site at all that the rest of world can see. It was their ISP's fault!!!

I cannot see how it is your code, but then I am no expert.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.392 / Virus Database: 268.5.5/333 - Release Date: 05/05/2006

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check/couple of issues

[Ian Young]

Hi Rob.
>
> I'm gonna hafta echo Gunlaug's recent sentiments about some other posts in
> this list. If the markup doesn't validate, it isn't really fair
> to call it a
> CSS issue. I got 57 errors validating your code, so to isolate the problem
> would require re-coding and then deciding if the problem was the JS, HTML,
> CSS or any of a myriad of other things.
>
Nor sure whether you have done some work on this but cannot see where Bill
gets 57 markup errors. I was intrigued and had a look see. I found 3!! and
all the same error.

You have tried to use a div more than once rather than a class.

Whilst I agree with Bill that it is good practice to have good markup it
depends what markup error there is whether it affects CSS.

However, much more fundamental than that, is the fact that it doesn't work
in IE or Opera.

FF accounts for 8% of browsers, Safari 2%, Netscape doesn't figure these
days (completely off the scale) and whether we like or not, IE still
accounts for over 80% of browsing community, so our websites need to work on
IE if they are to be seen by a significant number of people. Oh and by the
by, I was under the impression that Opera is a compliant browser.

I guess you need to do a bit more on what is  a promising looking site and
ditch the javascript

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.392 / Virus Database: 268.5.5/333 - Release Date: 05/05/2006

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS not loading in Firefox/IE

[Dave Goodchild]

Looks fine in Firefox to me.!

On 08/05/06, CSS <[EMAIL PROTECTED]> wrote:
>
> Hi, again.
>
> Thanks to Bill and Georg (and to others who replied offlist) for
> advice/comments.
>
> I was already  pursuing the 'View > Page Style> No Style' option that Bill
> suggested, but don't have an answer as yet.  This wouldn't, however,
> explain the visitor experiencing the same problem in IE.  I'm convinced
> that this is a problem at the visitor's end, but would like to put my
> finger on exactly what the problem is.
>
> In addition, Gunlaug Sørtun wrote:
>
> >However, any attempt to figure out anything is somewhat hampered by the
> >state of that markup...
> >
> >...so I gave up :-)
>
> Your point is taken, Georg -- although, with respect, I don't believe that
> the state of the HTML markup (which hasn't changed recently) really
> affects
> whether the stylesheet should load correctly for some visitors and not for
> others.
>
> Having said that, I've corrected the validation errors now -- so if you'd
> like to have another look, Georg, and see if you can figure anything out
> now, that would be great ;-)
>
>
> WBW
> C.
>
>
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



--
http://www.web-buddha.co.uk

dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css)

look out for project karma, our new venture, coming soon!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS not loading in Firefox/IE

[CSS]

Hi, again.

Thanks to Bill and Georg (and to others who replied offlist) for 
advice/comments.

I was already  pursuing the 'View > Page Style> No Style' option that Bill 
suggested, but don't have an answer as yet.  This wouldn't, however, 
explain the visitor experiencing the same problem in IE.  I'm convinced 
that this is a problem at the visitor's end, but would like to put my 
finger on exactly what the problem is.

In addition, Gunlaug Sørtun wrote:

>However, any attempt to figure out anything is somewhat hampered by the
>state of that markup...
>
>...so I gave up :-)

Your point is taken, Georg -- although, with respect, I don't believe that 
the state of the HTML markup (which hasn't changed recently) really affects 
whether the stylesheet should load correctly for some visitors and not for 
others.

Having said that, I've corrected the validation errors now -- so if you'd 
like to have another look, Georg, and see if you can figure anything out 
now, that would be great ;-)


WBW
C.






__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Eliminating the URL address, date, and No. of pages

[Scott Hughes]

I am trying to create an on line document that has it's own header and footer. 
However, whenever I currently print the document, it prints out the URL of the 
document in the lower left corner, the number of pages in the upper right 
corner, and the date in the lower right corner. How do I get rid of all that?

-
Get amazing travel prices for air and hotel in one click on Yahoo! FareChase 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] div covering up scroll bar? Z-index?

[Ingo Chao]

Matthew Bernhardt wrote:
> 
> http://benedikt.knowlton.ohio-state.edu/faculty/
> 
> ... in IE/Windows, the top header div is appearing
> over the scroll bar. ...
> Am I right in thinking that this is somehow related to the z-index of the  
> element? Or would it be something else?

Something else. I think you can adjust

body {
   padding-right: 20px; /* add */
/*width: 100%;*/ /*comment this out */

   height:100%;
   overflow:auto;
   }

in ie6.css, to leave some space for the scrollbar.

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] div covering up scroll bar? Z-index?

[Matthew Bernhardt]

Hello all,

On Fri, 05 May 2006 14:37:11 -0400, Brian Funk <[EMAIL PROTECTED]> wrote:

>> http://benedikt.knowlton.ohio-state.edu/faculty/
>>
>> ...in IE/Windows, the top header div is appearing
>> over the scroll bar.
>
> one thing that needs fixing is the label element referencing a id that
> isn't there. The validator reports the following:
>
> "Line 383 column 17: reference to non-existent ID "SEARCH""
>
> don't know if that helps with the scroll bar thing but your label text
> "Search Ohio State" isn't showing on any of my browser views.

Yeah, I need to ask our campus branding guys about that actually - that  
menu bar is supplied by their office and, as you've noticed, doesn't  
validate. I'm not sure if they have another version in the works, or if I  
can just copy the code locally and tweak it myself.

As a follow-up to the original question, I'm not sure a solution is  
possible. I re-read the article on 456 Berea Street:

http://www.456bereastreet.com/lab/cssframes/

...which referenced this article on jessey.net:

http://jessey.net/simon/articles/007.html

...which mentioned that I might be able to solve the problem if I add

width: 100%;

...to the IE6.css page. However, that technique doesn't seem to work -  
although the jessey.net article does mention the problem that I'm having.  
I'll keep looking for a better solution, but in the meantime I've switched  
the white header to only extend over the 740px content area, not the  
entire width of the browser window.

Of course, if anybody has any other ideas or recommendations I'm all ears.  
:-)

Thanks,
Matt
[EMAIL PROTECTED]


-- 
Matt Bernhardt, [EMAIL PROTECTED]
Webmaster  +  Fab  Lab  Coordinator
Knowlton  School   of  Architecture
TheOhio StateUniversity
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check/couple of issues

[Bill Brown]

> I'm about finished with this site and I've been working on a 
> Mac, so I could really use some feedback on Windows. I've 
> checked the site on Safari, Netscape, Firefox and iCab. I'm 
> not a web developer at all and am just doing my best to try 
> to kluge this all together.
> 
[snip]
> 
> Everything is pretty much done, except for inserting the MP3 
> sample files into my "player" and filling in the matching 
> content. We're hoping to go live soon, so any help would be 
> greatly appreciated.
> 
> Here's the link.
> 
> http://robabernathy.com
> 
> Many thanks.

Hi Rob.

I'm gonna hafta echo Gunlaug's recent sentiments about some other posts in
this list. If the markup doesn't validate, it isn't really fair to call it a
CSS issue. I got 57 errors validating your code, so to isolate the problem
would require re-coding and then deciding if the problem was the JS, HTML,
CSS or any of a myriad of other things.

Before taking any steps to declare that some browser isn't reading something
the way I want, I always try to make sure that my code validates, or at
least, the errors are ones I know about and can live with.

In your case, I'd say bring the HTML up to specs first so that the problem
can be isolated to the CSS portion of your design.

Gunlaug: Sorry for stealing your thunder, but I didn't want you to be all
alone on this one. It's an important point, I think.

Hope it helps.

||
| Bill Brown |
| Webmaster, MacNimble.com   |
| http://www.macnimble.com   |
| mailto:[EMAIL PROTECTED]  |
| Phone: 215-237-2037|
||



___
$0 Web Hosting with up to 200MB web space, 1000 MB Transfer
10 Personalized POP and Web E-mail Accounts, and much more.
Signup at www.doteasy.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] help

[Brien Wright]

help

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS not loading in Firefox/IE

[Gunlaug Sørtun]

CSS wrote:

> Any suggestions what might cause Firefox/IE6 to not load the
> stylesheet?
> 
> (site is at: www.sfep.org.uk,  stylesheet at:
> www.sfep.org.uk/styles/sfep.css)

Not really, as it seems to styled well enough in my Firefox and IE6 (and
also in Opera).
However, any attempt to figure out anything is somewhat hampered by the
state of that markup...

...so I gave up :-)

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check/couple of issues

[Rella Abernathy]

I'm about finished with this site and I've been working on a Mac, so  
I could really use some feedback on Windows. I've checked the site on  
Safari, Netscape, Firefox and iCab. I'm not a web developer at all  
and am just doing my best to try to kluge this all together.

I've had feedback that the site is a total disaster on IE 6 and  
lower. It's ignoring my transparent pngs and hosing my rollovers.  
Since the target customers are Mac users, I decided to block IE 6 and  
lower with javascript and redirect them to a page saying that the  
site is incompatible with their browser. I am letting IE 7 through,  
but I've had two people tell me that it leaves weird color artifacts  
all over the site. Does anyone know why that would happen and what to  
do about it?

I'm having a layout issue on my contact form page. I am getting the  
two divs that contain fieldsets to vertically line up perfectly in  
Safari, but it looks awful in every other browser. Here's the  
screenshot in Safari of what I'd like it to look like. Is there any  
way to get most browsers to display the page consistently?

http://www.robabernathy.com/contact.png

I saw the thread earlier about font weight in Safari. I think it's a  
Mac issue, because the font weight looks the same to me on my Mac in  
Safari, Firefox, Netscape, etc. But, when my sister sent me  
screenshots from Firefox on her PC, the fonts looked way too thin. I  
increased the font weight from 100 to 300 -- using Arial. I'm afraid  
of it being too bold in Safari and at least half of our traffic will  
be on Safari, so am a bit wary of increasing too much more. What font  
weight do you guys use for PC browsers?

Everything is pretty much done, except for inserting the MP3 sample  
files into my "player" and filling in the matching content. We're  
hoping to go live soon, so any help would be greatly appreciated.

Here's the link.

http://robabernathy.com

Many thanks.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS not loading in Firefox/IE

[Bill Brown]

> Hi, folks
> 
> Please excuse me if this question is off-topic for this list 
> (although if that is the case, offline responses with any 
> suggested solutions would be welcome).
> 
> A user of one of the sites I am involved with is seeing some 
> strange behaviour.  It looks as though neither Firefox nor 
> IE6 are loading in the stylesheet, but I can't figure out 
> why.  She says that the site was working OK, but some time in 
> the past few days it stopped displaying correctly, losing all 
> the styles.
> 
> Any suggestions what might cause Firefox/IE6 to not load the 
> stylesheet?
> 
> (site is at: www.sfep.org.uk,  stylesheet at: 
> www.sfep.org.uk/styles/sfep.css)
> 
> WBW
> C.

Hey there.

In theory, it could be anything...it could be nothing; could be server side,
could be client side. Internet Explorer has a caching bug which occasionally
causes issues similar to that, though I've never heard of that specific
problem. Firefox has a View > Page Style> No Style option which has been the
issue for many an embarassed user.

Ultimately, it's tough to say unless the problem can be replicated on
another system. The HTML doesn't validate and there's a javascript in there
for the menu just above the style sheet link. One of these could be to blame
as well. Again, without the ability to replicate, there's too many variables
to cite a definitive culprit.

Sorry I couldn't offer a better answer.

||
| Bill Brown |
| Webmaster, MacNimble.com   |
| http://www.macnimble.com   |
| mailto:[EMAIL PROTECTED]  |
| Phone: 215-237-2037|
||



___
$0 Web Hosting with up to 200MB web space, 1000 MB Transfer
10 Personalized POP and Web E-mail Accounts, and much more.
Signup at www.doteasy.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Resizing in IE and footer in Firefox

[Gunlaug Sørtun]

Tom McNeer wrote:

> I'd appreciate it if folks could take a look at the following sample
> and give me some guidance as to my errors: 
> http://www.mediumcool.com/test/layouttest.html.

Visit the validator first...

...and try to get that markup in accordance with the DTD you're using.

Once that part is alright, the rendering-problems you mention will
probably be a lot easier to "fix".

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS not loading in Firefox/IE

[CSS]

Hi, folks

Please excuse me if this question is off-topic for this list (although if 
that is the case, offline responses with any suggested solutions would be 
welcome).

A user of one of the sites I am involved with is seeing some strange 
behaviour.  It looks as though neither Firefox nor IE6 are loading in the 
stylesheet, but I can't figure out why.  She says that the site was working 
OK, but some time in the past few days it stopped displaying correctly, 
losing all the styles.

Any suggestions what might cause Firefox/IE6 to not load the stylesheet?

(site is at: www.sfep.org.uk,  stylesheet at: www.sfep.org.uk/styles/sfep.css)


WBW
C.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Resizing in IE and footer in Firefox

[Tom McNeer]

Hello,

I'd appreciate it if folks could take a look at the following sample and
give me some guidance as to my errors:
http://www.mediumcool.com/test/layouttest.html.

I have included most of the style information within the HTML file for
convenience, although there is a linked stylesheet that affects the menu
list items.

Here's what's happening: In IE, the pages displays as I would hope until the
window is resized downward. Then two things happen: 1) the shadow which
forms a border on the upper part of the content area is repeated underneath
the top-level menu items and the bg color of the outer (or upper) div is
shown below the menu items, and 2) the elements which create the left-hand
border disappear.

Refreshing the page corrects most of this. I have noticed that if I remove
the menu list entirely, the same issue regarding the shadow and background
color appears, even when initially displayed.

In Firefox, I have a different problem: the footer content is displayed
oddly. The image defined as the background for the footer div does not
appear. If I eliminate the image and define a background color for the div,
that color is not displayed, although test content in that div is shown.

Could someone please show me the error of my ways. Thanks very much in
advance.

--
Thanks,

Tom

Tom McNeer
MediumCool
http://www.mediumcool.com
530 Means St NW, Suite 110
Atlanta, GA 30318
404.589.0560
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Search Engine Design

[bj]

> if you could reply with ideas, perhaps some code or links to tutorials or css 
> effect you have seen and think would be >appropriate, i would be very 
> grateful.  

I have a feeling you're not going to get a whole lot of response to this, so 
I'll give you a starting direction.



Look through the layouts, find what you need and implement it. Don't be afraid 
to totally screw it up, because when you do you'll then have a proper question 
for this list, which focuses on the use and implementation of css. Then when 
you write the list for a solution to a problem make sure to use a subject line 
that gives folks a hint as to what browser you've screwed up in and how, so the 
appropriate css guru reads your message and responds.

Good luck!
bj



---
avast! Antivirus: Outbound says I'm squeaky clean.
Virus Database (VPS): 0619-0, 05/08/2006
Tested on: 5/8/2006 10:26:07 AM


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I'm trying to link to a pdf file.

[Don Miller]

The pdf downloads for me and opens even in Acrobat 4 so the links work.
The pdf has to be downloaded before it can displayed. On my computer I use a
download program that automatically takes over for a download.  In some the
pfd should opens the reader and displays the pdf in the browser window.  I
try to avoid that but as I recall, it depends on how the browser is
configured to handle the download and the pdf.

Don

- Original Message -
From: "Patrick Roane" <[EMAIL PROTECTED]>
To: "CSS Discussion Group" 
Sent: Sunday, May 07, 2006 8:46 PM
Subject: [css-d] I'm trying to link to a pdf file.


| Hi folks,
|
| I'm trying to create a link to a .pdf file (on my server) and I'm having
trouble. My code is:
| --
| Click here 
|   to view our Spring 2004 news letter. 
| 
|
| Everything is up on the server (in a dir. called pdf), but I have it set
up the same on my local host and everytime I click on the link ... nothing
but a blank page comes up.
|
| www.allgooddogspetcare.com/agd06/news.html
|
| Any ideas?
|
| Thanks in advance.
|
|
| __
| css-discuss [EMAIL PROTECTED]
| http://www.css-discuss.org/mailman/listinfo/css-d
| IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
| List wiki/FAQ -- http://css-discuss.incutio.com/
| Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
|
|
|
| --
| No virus found in this incoming message.
| Checked by AVG Free Edition.
| Version: 7.1.392 / Virus Database: 268.5.5/333 - Release Date: 5/5/2006
|
|



-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.392 / Virus Database: 268.5.5/333 - Release Date: 5/5/2006

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Right Navigation Pane in Liquid Layout is not behavingproperly

[Duckworth, Nigel]

Your right column looks fine (FF1.5), it's your background image on that
column - it's only 150px wide.

Nigel


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Chris C
Sent: Monday, May 08, 2006 9:31 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Right Navigation Pane in Liquid Layout is not
behavingproperly


>From reading posts and help you guys helped others with; I resolved my
left menu bar navigation problem by implementing the liquid columns
(based on this site http://www.alistapart.com/articles/negativemargins/)

But the problem I'm having is that I can't get my right column to be
un-proportional to the left column.

This is what I want:
<-- 150px --><-- Xpx (defined by browser window) --><-- 280px -->

But what I'm getting is:
<-- 150px --><-- Xpx (defined by browser window) --><-- 150px -->

Here is the link: http://hitech.lead2gold.org

I'm new to css, so I'm basing what is happening on the background colors
within the right column. Thus that is what I want to adjust.  I have set
all the right column information to 280px, and the calendar is being
placed properly.  I just can't get the background to behave as the
calendar does.

Chris

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Right Navigation Pane in Liquid Layout is not behaving properly

[Chris C]

>From reading posts and help you guys helped others with; I resolved my
left menu bar navigation problem by implementing the liquid columns
(based on this site http://www.alistapart.com/articles/negativemargins/)

But the problem I'm having is that I can't get my right column to be
un-proportional to the left column.

This is what I want:
<-- 150px --><-- Xpx (defined by browser window) --><-- 280px -->

But what I'm getting is:
<-- 150px --><-- Xpx (defined by browser window) --><-- 150px -->

Here is the link: http://hitech.lead2gold.org

I'm new to css, so I'm basing what is happening on the background colors
within the right column. Thus that is what I want to adjust.  I have set
all the right column information to 280px, and the calendar is being
placed properly.  I just can't get the background to behave as the
calendar does.

Chris

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] text alignment in footer div

[Ed Seehouse]

On 5/8/06, Stevio <[EMAIL PROTECTED]> wrote:

> What would be wrong with using a table in this instance? It achieves
> everything that is required without any hacks, like what Francky posted, and
> will validate?

What's "wrong" (in my opinion) is that it uses tables for layout,
something for which they are not designed.  Or necessary.  They reduce
useability and accessibility for no good reason.

For tabular data display, tables are the correct choice, for layout,
the wrong choice.

There are no "table police" that will remove your site if you use
tables for layout, as far as I know.  But you will be advertising the
out-of-date nature of your web design team.

--
Ed Seedhouse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] align-right-left on same line

[Daniel Kessler]

It's improved and fine on the PC IE, but on Safari and Navigator the  
footer runs up to the navigation, behind the iframe.  Alot of the  
problem is that I wanted the iframe to be indented by a margin-right  
15 pixels and this was too much for it.  It would be nice if I could  
indent it more towards the navigation though.

I still also have the problem on safari/navigator where the  
navigation is about 20 or so pixels off the right side.

thanks for the assistance so far.

On May 8, 2006, at 8:30 AM, Nick McNeill wrote:

> You need to float the div's left and right, don't use align. Give  
> both elements a set width, you already have one set, and use float:  
> left; or float: right;
> Hope that helps.
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] text alignment in footer div

[Stevio]

What would be wrong with using a table in this instance? It achieves
everything that is required without any hacks, like what Francky posted, and
will validate?

Stephen


- Original Message - 
From: "Helen" <[EMAIL PROTECTED]>
Sent: Friday, May 05, 2006 6:22 PM

> At the following location: http://www.picturethis4u.com/k-test.htm , I 
> want to
> position the text "New Clients Welcome" to the left, and the text link: 
> "Enquire Here
> by E-mail" to the right in this footer div. 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] png transparency with image-background

[Nick Fitzsimons]

Bill Brown wrote:
> 

[css-d] margin revealer

[Michiel van der Blonk]

Hi,

The FF and IE toolbars both do a terrific job with the DOM explorer and
being able to outline almost anything, except... margins.

I have created a javascript solution that outlines elements' margins
when you click on them. Though this has some drawbacks (e.g. links
cannot show their margin) it has been an invaluable resource in CSS
development. I have no monetary gains/goals here, and just want the
best tools for everyone. So my tool is GPL, and should stay that way,
and hopefully someone can cooperate. Let me get some feedback from
everyone.

Now, I do realize that margins are intrinsically different from all
other visible properties, since they are 'not really there'. They are
simply invisible areas.

Here is the general idea of the solution:
- create a new element on top of the target using positioning
- give it padding in the same amount as the margin of the target
- give it a background-color

Some problems I encountered in earlier versions that I had to fix:
- The first version used position:relative. This is problematic since
it has to be a child-element of the target node. Some tags just cannot
have child elements, like e.g.  and .
- Setting CSS properties through a style sheet didn't work, so I
reverted to using inline styles for everything.

I am using the Yahoo User Interface library, which is also the reason
why I compacted the javascript to keep the size manageable.

You can see it in action here: http://vanderblonk.com/css/tools/mr/

It's quite hard to make this work cross-browser, since positioning is
not implemented the same way in all browsers. I have tested in FF and
IE only for now.

Michiel


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] png transparency with image-background

[Bill Brown]

> Hi,
> 
> I want to make a transparent png the background for a div it 
> is fine when the image is in an IMG tag I can just use this
> 
> http://homepage.ntlworld.com/bobosola/
> 
> but what if I am using image-background{}. Any ideas?
> 
> Ross

Hi Ross.

This should do the trick.


/*  */




Caveats: Cannot use repeating backgrounds in IE. If you set the filter
attribute on any parent container (a div for example), you must set all
child anchors to be positioned relative or absolute. The same is true when
you set filter on the anchor itself. As a precautionary measure, I often
throw zoom:1.0 on my anchors to ensure they've been given "layout".

Note: I've used || to indicate other available options. You should only
select one and remove the ||'s.

Bill Brown
Webmaster, MacNimble.com



___
$0 Web Hosting with up to 200MB web space, 1000 MB Transfer
10 Personalized POP and Web E-mail Accounts, and much more.
Signup at www.doteasy.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] align-right-left on same line

[Daniel Kessler]

I forgot the url last time, sry:
http://hhp.umd.edu/events/systems_thinking/

--

I'm having trouble getting my nav to align on the left and my content  
(iframe) to align right.  I've tried all sorts of combinations.   
Should I just use a table?

My other problem with this is that the nav is not on the left border  
on Safari and Navigator, as it is on IE.  How can I make that  
consistent?

thanks for all the help and for two questions at once :-)

-- 

Daniel Kessler

College of Health and Human Performance
University of Maryland
Suite 2387 Valley Drive
College Park, MD  20742-2611
Phone: 301-405-2545
http://hhp.umd.edu



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] align-right-left on same line

[Daniel Kessler]

I'm having trouble getting my nav to align on the left and my content  
(iframe) to align right.  I've tried all sorts of combinations.   
Should I just use a table?

My other problem with this is that the nav is not on the left border  
on Safari and Navigator, as it is on IE.  How can I make that  
consistent?

thanks for all the help and for two questions at once :-)

-- 

Daniel Kessler

College of Health and Human Performance
University of Maryland
Suite 2387 Valley Drive
College Park, MD  20742-2611
Phone: 301-405-2545
http://hhp.umd.edu



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] png transparency with image-background

[ross]

Hi,

I want to make a transparent png the background for a div it is fine when the 
image is in an IMG tag I can just use this

http://homepage.ntlworld.com/bobosola/


but what if I am using image-background{}. Any ideas?


Ross
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Fluid right margin in an auto-centering

[francky]

Marcus Duke wrote:

>The example for the question is:
>
>http://fish.washington.edu/wrac/beta/2ndary1.html
>
>An auto-centered div, fixed width, with bulk of content, including 
>background image, navigation menu, and a nested text div are giving me 
>problems with IE Win/Mac (latest versions) and Opera for getting the 
>text in the "content" div (dotted red border) to auto-reflow the right 
>margin as a function of viewport width (works fine in Safari, Firefox). 
>That is, the text should never flow past right margin of the green 
>background image in "wrapper" div, but it should shrink when the 
>viewport width is less than total "wrapper" width so that horizontal 
>scrolling is never required to read the text).
>
>I've been able to get the right-margin behavior to work fine for 
>non-auto-centering divs, but I'm stumped for this particular layout. 
>Can it be done, and if so, how?
>
>FYI, I experimented with the max-width hack at 
>http://www.svendtofte.com/code/max_width_in_ie/, trying both ems and 
>pixels, with no luck--this I infer is due again to the unique problems 
>imposed by the auto-center format.
>
>[...]
>
And later:

>Sorry about that, folks:
>
>ID: wracbeta
>Pwd: B0r3d
>  
>
Hi Marcus,
It took some persistance to come in ... at last after copy/pasting the 
Pwd in Notepad I discovered the O [ooo] was not an O [ooo] but an 0 
[zero]. ;-)

I think first you should have a look at the html-validator:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffish.washington.edu%2Fwrac%2Fbeta%2F2ndary1.html
 


The css-validator wants conditional comments for IE, and a different 
@import rule:
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Ffish.washington.edu%2Fwrac%2Fbeta%2F2ndary1.html
 

See also:
http://css-discuss.incutio.com/?page=ImportHack

Then in the code my first impression is to cancel the #content { 
position: absolute; }, and see what happens.
The max-width rules I should put in the #content div and not in the  
styles. Then also headings , ,.., lists  and so on are 
allowed in the content; what makes it easier to manipulate them all 
together.

Greetings,
francky



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Center Div Vertically and Horizontally

[Els]

TMH Design wrote:
> I have a splash page for which I want to have a div that is
> sized 760px wide by 410px high and regardless of screen
> resolution is always centered both vertically and
> horizontally. Can someone please show me how to do this?

What do you want it to do on a window size of 550px wide and 
250px high?

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

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Center Div Vertically and Horizontally

[Micky Hulse]

TMH Design wrote:
> I have a splash page for which I want to have a div that is sized 760px wide
> by 410px high and regardless of screen resolution is always centered both
> vertically and horizontally. Can someone please show me how to do this?
> Thanks so much. Tom

Hi Tom,

This page might help:



(Link description) "FAQ : How to centre horizontally and vertically?
If you want to centre an image (or element) vertically and horizontally 
in the page then one way to accomplish this without tables is to use the 
following CSS."
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/