[css-d] IE7 a display:block issue

[vincent pollard]

hi!

so, i have:

.headerTwoRight a {
text-decoration: none;
display: block;
height: 42px
}



Quicklinks


and it displays fine in IE6 and FF but in IE7 the whole area isn't
clickable, just the Img & P within it (as if it's ignoring display:block).

however, if i add a background-color to the A it works! but i don't want a
background-color. anything else i can use other than background-color to
trigger display:block in IE7?

Vince
-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Fwd: IE7 a display:block issue

[vincent pollard]

Hi Philippe, Rafael and all,

Unfortunately i don't have a public URL as our testing servers are internal
onlybut the doctype we're using is:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

I'm just the CSS/graphics guy in the office :) i don't have much control
over the .NET code the developers write and how it spits out HTML (although
we are moving towards more compliant code and using stuff like CSS
Adapters).

Vince

On 12/02/2008, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
>
> (I'm sure Rafael intended to send this to the list)
>
> Begin forwarded message:
>
> > From: Rafael <[EMAIL PROTECTED]>
> > Date: February 13, 2008 11:46:25 AM JST
> > To: Philippe Wittenbergh <[EMAIL PROTECTED]>
> > Subject: Re: [css-d] IE7 a display:block issue
> > User-Agent: Thunderbird 2.0.0.9 (Windows/20071031)
> >
> > Philippe Wittenbergh wrote:
> >> On Feb 13, 2008, at 10:20 AM, Rafael wrote:
> >>
> >>>   Try triggering /hasLayout/[1] on your *a*'s. One of the easiest
> >>> ways
> >>> to do so is by setting the MS-only property 'zoom' (i.e. "zoom:1")
> >>> -- if
> >>> you care about your code being valid, then don't use this property.
> >>>
> >>> [1]http://www.satzansatz.de/cssd/onhavinglayout.html
> >>>
> >>> vincent pollard wrote:
> >>>
> >>>> hi!
> >>>>
> >>>> so, i have:
> >>>>
> >>>> .headerTwoRight a {
> >>>> text-decoration: none;
> >>>> display: block;
> >>>> height: 42px
> >>>> }
> >>>>
> >> The link already triggers 'hasLayout', as 'height'  is specified
> >> in  the stylesheet.
> >>
> >   You're right, I didn't put attention to the height.
> >
> >> One problem of course (assuming I read that ASP stuff correctly):
> >>   xxx
> >> is invalid html.
> >>
> >   You're right here too, it *does* have an image and a paragraph
> > inside the link. That points me to question: what DOCTYPE are you
> > using, Vincent? Is there a page we can actually see?
>
> I'll echo the request for a live url.
> That makes things much (MUCH) easier to debug.
>
> Philippe
> ---
> Philippe Wittenbergh
> http://l-c-n.com/
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need help with IMG inside a DIV

[vincent pollard]

it looks fine on my machine. what are you viewing it on?

On 14/02/2008, Webmaster <[EMAIL PROTECTED]> wrote:
>
> I'm having problems with this page:
> http://www.tusculum.edu/bookstore/new2.html
> The CSS is here: http://www.tusculum.edu/bookstore/css/box2.css
>
>
> The problem is easy to spot. The image of the sweatshirt goes outside of
> the DIV. I've attempted to create a separate class for IMG, but that didn't
> work either.  How do I make the DIV expand to contain the image? I always
> seem to have problems with images. Can someone show me where I went wrong? I
> greatly appreciate your help.
>
> --
> Travis Crabtree
> Webmaster
> Tusculum College
> phone: 423.636.7300 ext. 5132
> fax: 423.636.7492
> email: [EMAIL PROTECTED]
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] i have an cross-browser issue with z-index of divs

[vincent pollard]

i'm working on a website and i can't post the URL unfortunately but the
situation is like this:

 










#header {
}

#rightHead {
float:right;
padding: 0;
width: 200px;
position: relative;
z-index: 2
}

#leftHead {
margin: 0 200px 0 0;
position: relative;
z-index: 3
}

#content {
margin: 10px 0
}

#left {
float:left;
width: 150px
}

#middle {
float:left;
width: 500px
}

#right {
float:right;
width: 212px
}
a header div with two columns, a body div underneath with 3 columns. some
javascript that triggers a dropdown in #rightHead that should overlap
#right.\
it works fine in IE7, Firefox is okay, except that when the #showHide div
(dropdown) is displayed it pushes #right down and in IE7 when the #showHide
div (dropdown) is displayed it pushes down the whole #content div.

can anyone advise what the best way is to do this? or what the
cross-browsers iussues might be.
sorry, i know it's not a lot to go on.

-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font name

[vincent pollard]

Humanist 521 is more common on PC and is copied from Gill Sans so can often
also be used or may be a good second choice in a font-family.

On 25/02/2008, Mário Gamito <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> It's Gills indeed.
>
> Thank so much for all your answers and tips.
>
> Warm Regards,
> Mário Gamito
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] forcing a tag to wrap within a table

[vincent pollard]

what's the best way to do this?

thanks in advance.

-- 
Vincent Pollard
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] forcing a tag to wrap within a table

[vincent pollard]

i have a table with a bunch of links in it,  tags.
one of the links is long and has no spaces so the  tag is pushing out the
table beyond it's set width.
how do i force the  to wrap?

On 26/02/2008, Jukka K. Korpela <[EMAIL PROTECTED]> wrote:
>
> vincent pollard wrote:
>
> > what's the best way to do this?
>
>
> You need to ask a more specific question.
>
> The content of a table cell, whether within an  element (not tag) or
> not, automatically wraps when needed, unless you prevent this somehow -
> provided that there is a space inside the content, or some other
> character that a browser treats as allowing a line break.
>
> So please provide a URL and explain the specific problem.
>
> Jukka K. Korpela ("Yucca")
> http://www.cs.tut.fi/~jkorpela/
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] forcing a tag to wrap within a table

[vincent pollard]

Hey Thierry,
thanks for your help. I'll try that out asap.
Vince


On 27/02/2008, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
>
> > -Original Message-
> > From: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> > discuss.org] On Behalf Of Jukka K. Korpela
> > Sent: Tuesday, February 26, 2008 10:55 PM
> > To: 'css-d'
> > Subject: Re: [css-d] forcing a  tag to wrap within a table
> >
> > Thierry Koblentz wrote:
> >
> > >> Of vincent pollard
> > >>
> > >> i have a table with a bunch of links in it,  tags.
> > >> one of the links is long and has no spaces so the  tag is pushing
> > >> out the table beyond it's set width.
> > >> how do i force the  to wrap?
> > >
> > > You can plug a WBR element in the URL:
> >
> > Which URL? I saw no URL (though I asked for one). You seem to assume
> > that the link texts are URL, and this might be the case (it's not
> > uncommon to use URLs as link texts), but then the answer is probably
> > that the link texts should be rewritten.
>
> A long string of text if you prefer, the "URL" was just a guess. I think
> it
> is just more common to have this issue with URLs.
> (I'm not really sure it really matters for the OP though).
>
> > When a table cell contains a longish string with no spaces in them, it
> > is generally not a good idea to try to set the cell width smaller than
> > needed for the string. At the abstract level, there is no way to decide
> > where the string could be broken; it depends on the string and its
> > meaning.
>
> It is not always possible to predict the length of a string that will be
> plugged in a cell (CMS, etc.)
> When there is a good chance that a container can contain such string
> (URLs,
> etc.), a script can plug WBRs every X characters (the string won't break
> at
> every occurrence).
>
> > Interesting. It does work (on Opera 9.10 at least). But as such, 
> > is a non-CSS method for doing things (and generally the only practical
> > way when you wish to permit line breaks inside a string that would not
> > otherwise be broken).
>
> It's not kosher, but it works until we can use word-wrap:break-word;
>
> --
> Regards,
> Thierry | http://www.TJKDesign.com
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] having problems with suckerfish menus

[vincent pollard]

here's the url: http://www.ithinkx.co.uk/itac/

i'm not sure why but th dropdowns appear very erratically in IE. it's fine
in everything else.
sometimes they disappear.

-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Diff between display:none and visibility:hidden

[vincent pollard]

i hear display:none is bad for accessibility (screen readers, e.g.) but i
have no idea if visibility is any better. anyone know?

On 10/03/2008, Rafael <[EMAIL PROTECTED]> wrote:
>
> Jeff Gates wrote:
> > I know that one difference between display:none and visibility:hidden is
> > that the former does not leave space in the layout where the code exists
> > on the page, while the latter does. Are there other differences?
> >
> > Using visibility:hidden I have hidden a whole string of links I need on
> > the page to use Lightbox 2's slideshow feature. It works as it should.
> > But there is "white space" in the layout where the long list of links
> > appears in the code. If I use display:none instead, will Lightbox still
> > see this string of links? I'd like to eliminate the white space in the
> > layout.
> >
> > In other words, is the only difference between the display and
> visibility
> > properties that one leaves space in layout and the other doesn't?
> >
> > Thanks, Jeff
> >
>
> I remember having read somewhere that the W3C /recommended/ browser
> vendors /not to download the content styled with display:none/.
> Unfortunately, I haven't found any reference to this, so I could be just
> plain wrong.
>
> Now, assuming I did read it right and it was even in the W3C
> recommendation (which doesn't seem to be the case), real-world sites
> won't allow browser vendors to implement this behavior because many of
> us rely on display:none being invisible /and/ without any box in the
> layout, so just for the sake of practical use alone I don't think
> they'll ever do it ---but that again, that's assuming the first
> paragraph is right :)
>
> Conclusion: yes, since those elements do exist in the DOM Lightbox
> can access them, now whether it moves them, clone them, remove them,
> etc. depends solely on the Lightbox implementation (i.e. I have no clue).
>
> I hope this helps.
>
> Rafael.
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Safari issues

[vincent pollard]

on this site <http://www.cancercare.on.ca/> in Safari the dropdown menu is
too low and the Quicklinks dropdown refuses to take style.
any ideas why it's happening and how to fix it?

-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Safari issues

[vincent pollard]

hey rafael, thanks for your reply. the error was actually happening before
we added that js file. the quicklinks dropdown is .net control. i heard
safari sometimes doesn't like these but i can't work out how to fix it.

does anyone have any experience with .net css adapters? maybe that would
help?

On 21/03/2008, Rafael <[EMAIL PROTECTED]> wrote:
>
>  vincent pollard wrote:
>
> on this site <http://www.cancercare.on.ca/> <http://www.cancercare.on.ca/> in 
> Safari the dropdown menu is
> too low and the Quicklinks dropdown refuses to take style.
> any ideas why it's happening and how to fix it?
>
>  The style I see in Fx (and that is missing in Safari) is because of
> the class "quickLinks" added to it, but in Safari it just isn't added at
> all. This might have something to do with your "swfobject.js" file that
> triggers a couple of errors in Safari (since it's actually an HTML file).
>
> Regards.
> Rafael.
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Menu falling behind video

[vincent pollard]

Mark is correct. you must have 'wmode = transparent' in the parameters.

On 24/03/2008, Mark Story <[EMAIL PROTECTED]> wrote:
>
> Todd Richards wrote:
> > Hi Everyone -
> >
> > Been struggling with this and maybe it's something obvious.  I have a
> CSS
> > menu on my site, and I have a .FLV slideshow on the home page.  On all
> other
> > pages, the menu works fine, and falls on top of the text (so you can
> > navigate).  However, on the home page with the video, the video covers
> up
> > the menu.  The menu  has a z-index of 1000.  I have tried to specify
> a
> > z-index on the table cell of 10, with no luck.  I have tried a 
> with
> > the same value, and no luck.  I have played around with positioning
> > (absolute, relative, none) with no luck.  Things are the same in both IE
> and
> > FF.
> >
> > www.thurtconstruction.com
> >
> > Any thoughts would be much appreciated!
> >
> > Todd
> >
> >
> Try embedding the flash with wmode = transparent or opaque.  Setting a
> windowmode for flash helps solve Flash and CSS issues for me most times.
>
> -Mark
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Safari issues

[vincent pollard]

Rafael, thanks for your help.
i noticed the js problem you mentioned in
Fiddler<http://www.fiddlertool.com/fiddler/> -
we fixed that. thanks for flagging it.
interestingly it turns out that Safari automatically renders the .Net as
 and  - without using the CSS Adapters - which why my style
wasn't working.
in future we will use the CSS Adapters anyway so we won't have bothersome
tables.
Vince

On 21/03/2008, Rafael <[EMAIL PROTECTED]> wrote:
>
> vincent pollard wrote:
> > hey rafael, thanks for your reply. the error was actually happening
> > before we added that js file.
>I guess that has nothing to do, then. Still, it would be good to
> correct that issue (an HTML file served as JS).
>
> > the quicklinks dropdown is .net control.
>If you're using .Net 2+ you could consider using the CSS adapters[1].
>
> > i heard safari sometimes doesn't like these but i can't work out how
> > to fix it.
>I can't blame it, you're serving ~100kB just in the ViewState field!
> ---the whole page is ~200kB.
>
>Anyway, the problem is that the resulting DOM element in Safari
> doesn't have the class applied to it, so there must be some issue with
> your JS ---it seems to be generated dynamically---, check that code (I
> really hope is easier to do so in your IDE). Good luck.
>
> > does anyone have any experience with .net css adapters? maybe that
> > would help?
>Oh, I see you already know about them.
> 
>In big corps .Net 1.1 seems to be the standard (go figure), at least
> around here, so I haven't had the opportunity to work with them.
>
>Anyway, they seem to be just an easier way to change the "rendering"
> (actual HTML send to the browser) of a control. This was already
> possible in .Net 1.1 but you had to override the Render method (hence
> effectively creating new controls), but then again, I haven't actually
> player with them.
> 
>
>Rafael.
>
> [1] http://www.asp.net/cssadapters/
> > On 21/03/2008, *Rafael* <[EMAIL PROTECTED]
> > <mailto:[EMAIL PROTECTED]>> wrote:
> >
> > vincent pollard wrote:
> >> on this site <http://www.cancercare.on.ca/> in Safari the dropdown
> menu is
> >> too low and the Quicklinks dropdown refuses to take style.
> >>
> >> any ideas why it's happening and how to fix it?
> >>
> > The style I see in Fx (and that is missing in Safari) is
> > because of the class "quickLinks" added to it, but in Safari it
> > just isn't added at all. This might have something to do with your
> > "swfobject.js" file that triggers a couple of errors in Safari
> > (since it's actually an HTML file).
> >
> > Regards.
> > Rafael.
> >
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Right floated container dropping down in IE6

[vincent pollard]

this happens a lot in IE6. i think it's because it increases padding on
floated items, described here:
http://www.positioniseverything.net/explorer/doubled-margin.html which means
there isn't enough room for both divs so the second div drops down. i may be
wrong - and if i am it won't take long before i'm corrected :)


On 24/03/2008, Valerie Wininger <[EMAIL PROTECTED]> wrote:
>
> I could really use everyone's help.  I can't figure out how to fix this
> issue.  I have my menu floated left in one div and the main content
> floated
> right next to it.  This problem only manifests itself on the home page in
> IE6.  I kind of assume it has something to do with the image that is
> floated
> left in the content, but I don't know why.  It's dropping the entire
> mainContent div down below the navigation.  Please help.
>
> http://irvinkahn.webconnectivity.com/
>
> Thanks,
>
> --
> Valerie Wininger
> www.valeriewininger.com
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Right floated container dropping down in IE6 -- RESOLVED

[vincent pollard]

good to hear :)

do you use the IE Dev
Toolbar<http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en>?
i find it invaluable.


On 24/03/2008, Valerie Wininger <[EMAIL PROTECTED]> wrote:
>
> Got it guys. I had a huge right margin on one of the paragraphs in the
> content (don't ask me what I was thinking). Thanks a bunch!
>
> On Mon, Mar 24, 2008 at 4:10 PM, Jason Ogle <[EMAIL PROTECTED]> wrote:
>
> > It seems as though your mainContent div width is breaking the layout in
> > IE6.
> >
> > Try applying a different width to this div for IE:
> >
> > #content #mainContent {
> >width: 600px;
> >*width: 590px; /*for IE*/
> > }
> >
> > Experiment with the IE width until it's as wide as it can be without
> > breaking.
> >
> > Hope it helps at all.
> > 
> > jason ogle | designer | myspace.com
> > 310.969.7124 | myspace.com/ogletine
> > 
> > Dont' print this email or I'll dispatch Treebeard on you.
> >
> >
> > -Original Message-
> > From: [EMAIL PROTECTED] [mailto:
> > [EMAIL PROTECTED] On Behalf Of Valerie Wininger
> > Sent: Monday, March 24, 2008 12:31 PM
> > To: css-d@lists.css-discuss.org
> > Subject: [css-d] Right floated container dropping down in IE6
> >
> > I could really use everyone's help.  I can't figure out how to fix this
> > issue.  I have my menu floated left in one div and the main content
> > floated
> > right next to it.  This problem only manifests itself on the home page
> in
> > IE6.  I kind of assume it has something to do with the image that is
> > floated
> > left in the content, but I don't know why.  It's dropping the entire
> > mainContent div down below the navigation.  Please help.
> >
> > http://irvinkahn.webconnectivity.com/
> >
>
>
>
> --
> Valerie Wininger
> www.valeriewininger.com
> __________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] what's the best way to add space between elements?

[vincent pollard]

i have a page that looks a bit like this:




























so, i have no DIV that i could add padding or margin to as i normally would.

should i add an empty p tag? an empty div? what would you guys recommend?


-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] font vs. font-size in firefox

[vincent pollard]

is there anything buggy about the way firefox reads these that i should know
about?
i'm getting some weird results.

-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] font vs. font-size in firefox

[vincent pollard]

hey richard,
yeah i mean the css for declaring all the properties at once.
http://www.w3schools.com/css/css_font.asp
i'm wondering that when you use this if you need to declare all values?
ie sems to let you declare some but is it correct to put the values for all
the properties, eg.
font: normal normal bold 12px arial
rather than:
font: bold 12px arial
vince

On 03/04/2008, Richard Grevers <[EMAIL PROTECTED]> wrote:
>
> On 4/4/08, vincent pollard <[EMAIL PROTECTED]> wrote:
> > is there anything buggy about the way firefox reads these that i should
> know
> >  about?
> >  i'm getting some weird results.
> >
> By "font" do you mean the  element in HTML, or the css shorthand
> property? http://www.w3.org/TR/REC-CSS21/fonts.html#propdef-font
> If the latter, the values have to be in a specific order: Value:[
> [
> <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'>
> [ / <'line-height'> ]? <'font-family'> ]
> Firefox might be being stricter about this than IE.
>
> --
> Richard Grevers, New Plymouth, New Zealand
> Dramatic Design www.dramatic.co.nz
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] equal height columns in css

[vincent pollard]

how do i create these?

i want 3 columns with variable content but i want the middle column to have
a border so it needs to be 100% of its parent div.

the examples i've found online either use faux columns which is no use or
don't work in IE, which is no use (and kind of shocking that supposed css
experts would post it on their css blog without checking ie first - names
will not be mentioned).

-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] equal height columns in css

[vincent pollard]

thanks Georg

i looked at:
http://blog.kometdigital.web.id/2006/03/equal_heights_three_column_lay.php but
don't like the workaround for IE;
looked at this: http://www.codeproject.com/KB/HTML/relatively_simple.aspx but
don't like how busy the DIV structure is;
looked at this: http://www.ejeliot.com/blog/61 but my columns have varying
widths so i dn't like the background-image method;
looked at this:
http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/ but
it doesn't work in IE;
don't like the various javascript methods, e.g.
http://blog.creonfx.com/javascript/equal-height-two-three-columns-div-layout

I'M TRYING THIS RIGHT NOW: http://2columns.net/ i like it but i need to
adapt it for 3 columns.

On 10/04/2008, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
>
> vincent pollard wrote:
>
> > how do i create these?
> >
> > i want 3 columns with variable content but i want the middle column
> > to have a border so it needs to be 100% of its parent div.
> >
>
> Since there are so many methods for creating 3 columns layouts, I think
> we'll need to see what method(s) you had in mind before suggesting which
> "equal height" methods that are best suited.
>
> A few "equal height columns" methods are listed/described here...
> <http://www.gunlaug.no/contents/wd_additions_22.html>
> ...but I have no idea if any will work for you.
>
> regards
>Georg
> --
> http://www.gunlaug.no
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] equal height columns in css

[vincent pollard]

thanks David! that One True Layout example works beuatifully (in IE6, IE7
and FF on PC at least).

On 10/04/2008, David Laakso <[EMAIL PROTECTED]> wrote:
>
> vincent pollard wrote:
>
> > how do i create these?
> >
> > i want 3 columns with variable content but i want the middle column to
> > have
> > a border so it needs to be 100% of its parent div.
> >
> > the examples i've found online either use faux columns which is no use
> > or
> > don't work in IE, which is no use (and kind of shocking that supposed
> > css
> > experts would post it on their css blog without checking ie first -
> > names
> > will not be mentioned).
> >
> >
> >
>
>
> In addition to the link Georg provided, see also:
>
> <http://www.satzansatz.de/cssd/companions.html>
> and
> <http://www.fu2k.org/alex/css/onetruelayout/example/interactive>
> & check the "make columns equal height" box.
>
> --
> http://chelseacreekstudio.com/
>
>


-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] equal height columns in css

[vincent pollard]

thanks man. i'll take another look at that.

as far as IE8 goes, it's great to hear the improvements coming but i'm more
excited by the death of IE6. i don't think IE7 is that bad in comparison.

On 10/04/2008, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
>
> vincent pollard wrote:
>
> > looked at this:
> > http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/
> >  but it doesn't work in IE;
> >
>
> In case you overlooked it, the whole article I pointed to in my first
> response is about making something like Roger's "equal height boxes"
> work in IE...
> <http://www.gunlaug.no/tos/moa_11f.html>
>
> IE8 won't need any workarounds BTW. They (the IE-team) just have to
> finish making its CSS2.1 support real and complete.
>
>Georg
> --
> http://www.gunlaug.no
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Divs Of Equal Height Is It Possible?

[vincent pollard]

i used this recently and it works well:
http://www.fu2k.org/alex/css/onetruelayout/example/interactive



On 23/04/2008, Copeland <[EMAIL PROTECTED]> wrote:
>
> http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
>
> Hope this helps!
>
> --copeland casati
>
>
> No virus found in this outgoing message.
> Checked by AVG.
> Version: 7.5.524 / Virus Database: 269.23.3/1393 - Release Date: 4/23/2008
> 8:12 AM
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Hope this is the appropriate way to ask this question

[vincent pollard]

this one is excellent: http://meyerweb.com/eric/books/css-tdg/
very clear and a good place to start.

On 23/04/2008, Jonathan <[EMAIL PROTECTED]> wrote:
>
> I have looked at and read several CSS books.
> Do you have any recommendations as I have not found one that I liked
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] div with text wrapping around it

[vincent pollard]

so a client wants a a div on the right of the page and the text to wrap
around underneath that div, like a newspaper style layout.
what's the best way of achieving this? maybe this?
http://www.alistapart.com/d/crosscolumn/example7.html


-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] vertical align help

[vincent pollard]

what i want is 4 images that are all centre aligned across the page and
evenly spaced.
i'm not sure what i'm doing wrong but it only works in IE6.



i have a DIV that contains 4 DIVs that each contain an image:




" />

" />

" />

" />





.logoRow {

float: left;

width: 100%;

padding: 5px 0;

}

div.logoCol {

float: left;

width: 24%;

height: 100px;

text-align: center;

line-height: 100px;

font-size: 100px;

}

*>div.logoCol {

font-size: 12px;

}

div.logoCol img {

vertical-align: middle;

}


-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] conflict with suckerfish dropdowns and Flash in IE

[vincent pollard]

have you put wmode="transparent" in the EMBED tag? that usually is what's
missing.

2008/5/1 Chris Kavinsky <[EMAIL PROTECTED]>:

> I'm having trouble with an IE problem that I'm hoping someone here can
> help with. I'm building a site using suckerfish dropdowns on the
> navigation, and also using sIFR for the headlines, and have a rotating
> Flash using slideshow on the home page. The problem with IE is that
> the dropdown (far right menu item) is hiding behind the slideshow on
> the home page, and the sIFR headline on the interior pages. I added a
> z-index to the nav hoping that would fix it, but no luck. Any
> suggestions?
>
> web site: http://209.235.210.229/
> CSS file: http://209.235.210.229/css/08styles.css
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal menu centering issue

[vincent pollard]

if you give the Ul #p7menubar a width - e.g. 460px - it will centre, at
least in IE7. hopefully in everything else too.

2008/5/5 Ray Leventhal <[EMAIL PROTECTED]>:

> Hi all,
>
> I'm continuing to work on a project:
> http://www.swhidevel.com/
>
> The project uses a lovely horizontal menu structure from Project7.  My
> issue is I cannot seem to get it to center.
>
> Any ideas on the subject would be greatly appreciated.
>
> Thanks in advance,
> -Ray
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] i'm having a nightmare with z-index and links

[vincent pollard]

unfortunately i have no URL to show as it's an intranet but my problem is
this:

i have a 'dropdown' that when visible has a z-index of 2 that overlaps a DIV
with no z-index set but is appearing above the 'dropdowns' (in IE anyway).
easy to fix by putting a z-index of -1 on the offending DIV. the trouble
with that is that our print function stops working :( any ideas why? is there an issue with negative z-index
and hyperlinkslinks in IE?

p.s. the solution only needs to work in IE6 & IE7. no other browsers are
supported for this application.

-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] i'm having a nightmare with z-index and links

[vincent pollard]

ingo, you're a genius. thank you so much.
i'd tried altering the z-index of the 'dropdown' but not the div that
contains it. i didn't think that would make a difference.
thanks again!
vince

2008/5/14 Ingo Chao <[EMAIL PROTECTED]>:

> vincent pollard wrote:
> > i have a 'dropdown' that when visible has a z-index of 2 that overlaps a
> DIV
> > with no z-index set but is appearing above the 'dropdowns' (in IE
> anyway).
> > easy to fix by putting a z-index of -1 on the offending DIV. the trouble
> > with that is that our print function  ID="lblPrinterFriendly"
> > runat="server" Text="Print" NavigateUrl="javascript:void
> openNewWindow();"
> > />stops working
>
> Remove your easy fix. Then, apply position:relative to the container
> that holds the dropdown, and add a positive z-index there.
>
> IE tends to establish a new stacking contexts for every relatively
> positioned container, even if it has no z-index. Your dropdowns cannot
> escape from that wrong stacking context.
>
> Unfortunately I have no URL to test whether I am right or not
>
> Ingo
>
> --
> http://www.satzansatz.de/css.html
> http://www.dolphinsback.com
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] does anyone have any experience with the behavioir property?

[vincent pollard]

good afternoon (in this time zone anyway)!

we're using the behavior property in a style sheet to call an .htc file (to
make png transparent in IE6).
it works fine if the .htc file is copied into every folder and the style is
like this:

.pngfix {
behavior: url('iepngfix.htc');
}

but it seems that the .htc file only works if in the same folder as the HTML
file and the path is relative to that, not relative to the stylesheet as
expected.

can anyone shed some light on  this?

thanks in advance,
vince


-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] does anyone have any experience with the behavioir property?

[vincent pollard]

hey Ingo, thanks for that. it totally works.
actually *behavior: url('/iepngfix.htc');* worked but we weren't seeing it
work on local machines. on the testing server it worked!

2008/5/28 Ingo Chao <[EMAIL PROTECTED]>:

> vincent pollard wrote:
>
>> ... it seems that the .htc file only works if in the same folder as the
>> HTML
>> file and the path is relative to that, not relative to the stylesheet as
>> expected.
>>
>> can anyone shed some light on  this?
>>
>
> Yes, the path is relative to the html file. You can use an absolute path.
>
> Ingo
>
> --
> http://www.satzansatz.de/css.html
> http://www.dolphinsback.com
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] relative positioning

[vincent pollard]

why does the element need this positioning? for z-index or something?

2008/5/28 Rick Pasotto <[EMAIL PROTECTED]>:

> Is my understanding correct that putting:
>
> div#name1 { position: relative; }
>
> in the css file should have absolutely no effect on ?
>
> If that is correct, why then does IE6 move the div? Does it make a
> difference that the block I'm dealing with is a fieldset?
>
> --
> "He who asks is a fool for five minutes, but he who does not ask remains
>  a fool forever." -- Old Chinese saying
>Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] apologies if this is off topic but...

[vincent pollard]

i need to temporarily unsubscribe from this list (as  and it isn't working.
can anyone help?

-- 
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How do you exclude hover from image links

[Vincent Pollard]

You could add:

img {border:none;}

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Kamru Miah
Sent: Tuesday, September 09, 2008 7:29 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] How do you exclude hover from image links

Hello,

Please advise me how to exclude the 'a:hover' below from image links 
(i.e. only add hover on text links).

a:hover {
   color: #ff; background: #b0e0e6;
}

Is the above problem something to do with the use of 'inherit' property?

Many Thanks

Kamru
-- 


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

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

Re: [css-d] Aaargh! Img borders persist

[Vincent Pollard]

img {
border: 0;
}

Always seems to work for me!

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of David Laakso
Sent: Friday, September 19, 2008 1:17 PM
To: Kim Brooks Wei
Cc: CSS Discuss
Subject: Re: [css-d] Aaargh! Img borders persist

Kim Brooks Wei wrote:
> http://blackboxnyc.com/soulsearching/index.html#nymf
>
> Ok, I give up. Please somebody, tell me how to get rid of the border 
> under my imgs on hover.
>
> Thank you for Much Appreciated Help, as always . . .
> Kimi
>
>   


Nothing to do with your question but it may be in your client's interest

to at least consider fixing at least one of the 230 markup errors, 
validating the CSS, and getting the primary content off the left rail in

IE/6 and IE/7...

-- 

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

http://chelseacreekstudio.com/

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

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

[css-d] condensing css

[Vincent Pollard]

Generally when I want borders on 3 sides of something I write:

 

div.className  {

border-top: 0;

  border-right: solid 1px #91a7b4;

  border-bottom: solid 1px #91a7b4;

  border-left: solid 1px #91a7b4;

}

 

But I'm wondering if the following is better:

 

div.className  {

border: solid 1px #91a7b4;

border-top: 0;  

}

 

Any opinions on this?

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

[css-d] print

[Vincent Pollard]

Does anyone have some good links or advice for print styling?

I'm finding it confusing. For e.g. can you effect the margins (not css,
the margins in the page setup) in the printout?

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

[css-d] word-wrap: break-word not working in Firefox

[Vincent Pollard]

What do people think the easiest solution is for this problem?"

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

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

[Vincent Pollard]

Your #content div is too wide. 

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

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

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

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

Thanks
Del 


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

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

[css-d] IE8 bug with background color on tags?

[Vincent Pollard]

I've been struggling with something this afternoon in IE8 and have
finally fixed it.
It appears that if you have an  with an image inside and a
background colour set on :hover and a  tag after it, the
background colour actually makes the  tag grow in height! If you
change it to transparent the problem is solved.
Now you'd probably never usually need a background colour on an  with
an image inside but in my project we use background colour on links
(like Flickr does) and sometimes the client puts images inside a tags.
Has anyone come across this? Is it an IE8 bug or is there some part of
the CCS specifications that I'm overlooking here?
Is this expected behavior or a crazy bug as I suspect?
Vince

HTML TESTING CODE:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>


Untitled Document
 
div {
text-align: center;
float: left;
}
a:link, a:visited {
text-decoration: underline;
color: #666;
}
a:hover {
text-decoration: none;
background-color: #666;
color: #fff;
}
a.noBg:hover {
background-color: red; /* change this to transparent or none to
fix the issue */
}
a img {
border: none;
}





http://www.bbc.co.uk/"; class="noBg">http://ase.tufts.edu/classics/classicalnews/img1.gif"; alt="spinny
image" />Text Link





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

[css-d] html html

[Vincent Pollard]

I'm having problems with iFrames. I wondered if anyone could help.

 

I have 

 

html {

overflow-y: scroll;

}

 

To stop the page shifting around in Firefox/ IE8

 

And am trying to override the iFrames' scrollbars with:

 

html #IDNameofIFrame html {

overflow-y: auto !important;

}

 

But it doesn't work.

 

It is legal in css2.1 to write html html like this?

It's hard to find help online as 'html' brings up too many references to
the language, instead of the element.

Thanks in advance,

vince

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

Re: [css-d] IE 8

[Vincent Pollard]

(N.B. I know this thread is OLD but I just wanted to share my experience
on this) 

I used to love using Multiples IES but I have seen several instances
over the past two years where Multiples IEs gave us a different result
from 'real' IE6.
I no longer use it as it was so misleading at times. I run VMs now to
check IE6. It's more cumbersome but at least I can trust it.

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Kathy Wheeler
Sent: Monday, May 04, 2009 7:11 PM
To: CSS-D List
Subject: Re: [css-d] IE 8


On 05/05/2009, at 5:25 AM, Court Kizer wrote:

> I recommend staying away from multiple IE I can think of 20 instances
> where it will render different from a machine with the real thing.
> Virtualiin is free.

I have asked for documented proofs of this before and so far have  
received none! Not even sample URL's. I would appreciate more details  
on those "20 instances".

So far MultipleIE for ie 5, 5.5 and 6, with ie8 handling 7 (in  
compatability mode) and 8 appears to be working as well as (or as  
badly as) ie *ever* works. And MultipleIE is free too.

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

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

[css-d] css validation help

[Vincent Pollard]

Hi everybody,

So my css and xhtml almost validate, except for two things:

 

1)  The third line here validates in CSS3 but not in CSS2.1 - 

a) does that matter? 

b) the overflow-y is the only way I've found to stop the page jumping
around in IE8. Maybe somebody else has a better solution?

 

html { 

  /* forces scrollbar visible to prevent position jumping in Firefox
*/

height: 100%; 

margin-bottom: 1px;

  overflow-y: scroll /* forces scrollbar visible to prevent position
jumping in IE8 */

}

 

My style rules for IE6 using the underscore hack, e.g.: 

 

..threeColLeft {

  _display: inline;

}

 

I didn't really want to create a separate stylesheet for IE6 but maybe I
should if I want validation. What would you do?

 

Any help,  advice, comments or suggestions - and please no abuse about
using hacks in the first place - would be gratefully received.

 

P.S. what really are the advantages of being compliant? I hear it's
better for SEO and I like the idea, just from a professional pride POV
but why be compliant. Do a couple of underscore hacks pose a problem?

 

Vincent Pollard | UI Developer | Version 5.1 Inc. | T. (416) 516-4509
x252 | F. (416) 516-6186 |  vinc...@version51.com
<mailto:vinc...@version51.com> 

 

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

[css-d] first-child and + selector issues

[Vincent Pollard]

I'm having a lot of trouble getting a couple of lines of css to work in
IE8. 

It works in Firefox but not IE8. Any ideas why? Is it the doctype? IE8
bug? Some error I've overlooked?

 

Here's the site: http://tinyurl.com/lo468u  

 

Here's the css for this:

 

..boxes:first-child {

margin-left: 0; /* removes the left-margin from the
first orange box at the bottom of the page */

}

 

div.colL img + .newsItem {

border: none;  /* removes the border from the first news
item, on the right of the loudhailer image */

}

 

I know there are lots of validation errors with the XHTML -
unfortunately I have no access to the code right now but I'm working on
it! The css does validate.

Regards,

Vince

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

Re: [css-d] first-child and + selector issues

[Vincent Pollard]

Thanks Tim, you were right,. I suspected it was the doctype. I tried it
in the Dev toolbar and it worked fine. I'll get that fixed.

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tim Snadden
Sent: Wednesday, August 12, 2009 8:07 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] first-child and + selector issues


On 13/08/2009, at 9:24 AM, Vincent Pollard wrote:

> I'm having a lot of trouble getting a couple of lines of css to work  
> in
> IE8.
>
> It works in Firefox but not IE8. Any ideas why? Is it the doctype? IE8
> bug? Some error I've overlooked?
>
>
>
> Here's the site: http://tinyurl.com/lo468u <http://tinyurl.com/lo468u>
>
>
>
> Here's the css for this:
>
>
>
> ..boxes:first-child {
>
>margin-left: 0; /* removes the left-margin from the
> first orange box at the bottom of the page
>
>
>
> div.colL img + .newsItem {
>
>border: none;  /* removes the border from the first  
> news
> item, on the right of the loudhailer image */
>
> }

The reason is that the document is being rendered in quirks mode. The  
doctype in this document is actually a comment. Use the IE developer  
tools (F12) and look. It says Browser Mode: IE8, Document Mode: Quirks  
mode. You can force it into standards mode by changing the document  
mode in the developer tools, but you will eventually need to get the  
doctype fixed.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

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