Re: [css-d] list problem - undefined

[Admin at AK]

> Dear people,

> I am new to this list, having just started my webdesign activities again. 

> I have a small problem which I hope is very easy to solve. On a webpage
> I want to have a piece of text with in between a few lists. Now, with my
> current design and stylesheet make-up, I have the lists with items floating 
> between the text.

> Could anyone tell me what I might be doing wrong? Which piece of code is 
> missing here?

I am not absolutely certain what you regard as wrong...
...but...

I see the first list is going to be a navigation list? (id="navlist")?

You have opened the UL tag twice with a different class in each.

Instead: give the UL the id="navlist":



and create a style for that:

#navlist li{
etc:whatever;
}

Then leave other lists as the default adn style them as:

ul{
etc:whatever;
}

Does that help?

-- 
Marten Gallagher
annerykiln.co.uk
Web Design and Management

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

[css-d] Horizontal list menu misbehaves in IE 6 - update - Firebug lite

[Mark Baber]

Hello and thank-you for replying, Zoe ... please skip to the bottom of this 
message for a continuation 

I did get a reply from francky, but unfortunately I've not accomplished
anything with francky's input yet ...


 Mark Baber wrote: 
> In order to reproduce a client site, I've used ul li lists for the top 
> navigation menu. There are special graphical images on the left AND right 
> sides of the list items that must change when the anchor is hovered over. For 
> that reason I added the spans in there, especially as without the spans, I 
> can't get a li:hover background-image to show up. 
> (But that's another problem, which I don't have to deal with at the moment.) 
> Let's just leave the spans in there for a moment. 
> > Anyway, it all looks fine in FF 2.0, but things go strange in IE 6. > > I 
> > have added a special color blue so that it's obvious what happens. > When 
> > you hover over the menu items in IE6, you can see that the background-color 
> > of the anchor is leaching over the top of that same anchor's 
> > background-image. > To the same width as the parent li. 
> > I tried to track this down with FF Firebug, but of course that doesn't work 
> > in IE :) and I can't figure out why the blue bit extends over. 
> > It's not the padding-bottom that's causing the error - I tried changing it 
> > and that does affect something else, but not this leaching problem. 
> > The site is a subdomain: http://spip.novado.ch/squelettes/pmcbox.html 

> Mark, I don't have time at the moment to look into this, but since you 
> haven't received any responses yet, I wanted to point out that you *can* use 
> Firebug in IE on your own pages, by adding a piece of JavaScript to your page 
> while testing. Read up on it here: http://www.getfirebug.com/lite.html Also, 
> Iyour messages says the bug occurs in IE6, but if I'm correctly interpreting 
> your bug, I'm seeing it in IE7 as well. Can you confirm this? Zoe -- Zoe M. 
> Gillenwater Design Services Manager UNC Highway Safety Research Center 
> http://www.hsrc.unc.edu

I've loaded Firebuglite on the webserver, inserted the required code
into the html (same as before and above), but when I fire up Firebuglite
using ctrl-shift-l in IE6, the typical firebug console is not at the 
bottom of my screen, and it is completely obscured by my html.
The only thing I see are the little "clear" and "close" links at
the top of the screen.

Unfortunately, CTRL-SHIFT-L seems to be the only key sequence that works
in IE6 on this page. I can't get to the INSPECT console or start it up.

Can anyone confirm this ? Is there something in my IE6 blocking the
scripts ? Maybe I need to change the file protections on the firebuglite
server components ?

I don't know if anyone else has this problem with firebuglite on IE6.
I suspect my HTML is overriding something, but I don't know what...

As for IE7 ... last I heard, one can't run IE and IE6 on the same
machine, and so I won't be able to test on IE6 if I "upgrade".
I strongly suspect that the bug occurs in IE7 as well, but can not
confirm at the moment.

PS ... I still have the strange extended blue box problem in IE6 :)

Cheers,

Mark

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

[css-d] iewin/5-7 & mac/ie5.2 issue

[~davidLaakso]

On this page  the 
"google custom search" box is dropped /approximately/ 14px lower than it 
should be in win/ie5 through 7; and mac/ie5.2.
What to do?
Thanks.
~dL

-- 
http://chelseacreekstudio.com/

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

[css-d] IE bug nightmare - links destroying layout - advice appreciated

[pavi]

Hi,

This is my first post to this forum - hello everyone. I'm not a complete CSS 
beginner, but am new to trying to debug inexplicable IE bugs.

I've been struggling with IE bugs for 2 months now on a site I'm developing.  
It validates fine, and works perfectly on other browsers but I simply cannot 
find the necessary hacks to get an IE solution. 

Already another 2 designers I've consulted have looked at it and told me "It's 
something to do with an IE bug but I have no idea how to fix it". Obviously 
this doesn't help me get any closer to solving the bug. I'm really hoping 
someone on this forum with more CSS experience than myself might kindly offer 
some advice on how to get this working. It's now at the point where the client 
is furious and is about to ditch all my work, and go to another designer.

The original design is at:
http://www.theshamanskitchen.com/testproper/recipes.main2.php
and uses JS routines to populate the bottom-level menu and make some smooth 
scrolling features.
Works fine in browsers other than IE, where the content and menus don't display.

I spent days rejigging CSS declarations and layout to try and make it work in 
IE but to no avail.

I was advised that the scrolling features combined with the page-centering CSS 
were the cause of the problem in IE. I didn't really believe this as I've used 
them successfully in other sites, but was desperate to get the pages working, 
so removed the scrolling/centering, creating a much clumsier version of the 
page, but one I hoped would work in IE, instead populating the bottom-level 
menu with javascript ScrollTo() links.
http://www.theshamanskitchen.com/testscrollto/recipes.main2.php

Again this works in other browsers but not in IE -  it displays the page 
content in IE, but when the bottom-level menu items are clicked, the entire 
sidebar moves up and the main scrollbar is relocated too!

I next replaced the ScrollTo commands with embedded links to anchors in the 
page content (offset in a really ugly way to avoid the content being hidden 
under the header) but the same IE problem occurs.
http://www.theshamanskitchen.com/testjumpto/recipes.break.php

Now really not sure what to do - or where to begin debugging next.  The page 
HTML validates fully, the CSS validates (other than some background-colour 
warnings).  

As mentioned before, the client is understandably furious and is about to go to 
another designer (easy as he hasn't paid anything for all my work yet!).  

PLEASE could anyone offer some suggestions (or a suitable CSS tweak)?

Thanks gratefully in advance... 


 __
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] floating divs

[Gunlaug Sørtun]

Andrew Wallace wrote:
> I've been looking at the archives, and haven't really found the 
> answer to my problem, so

Look for "expand to contain" or "containing floats".

> http://pcg.diamondw.net/

> I have rounded corners on the big container, but the floats push 
> outside of that... I have determined that is where the problem lies, 
> but I thought that containing a div within a div would make the float
> relative to the container, so I'm a little confused.

Floats are not "contained" by default in standard compliant browsers.
IE/win is excused since it isn't standard-compliant. See: 'hasLayout'[1]
for more on the relevant IE bug.

So, you have to tell them to "expand to contain". For that we can
utilize the establishment of a 'Block formatting contexts'[2], by adding
a suitable trigger. We have to choose the right property as trigger for
each layout and declare it on the right element, as all properties have
more then one effect on how something is rendered.


The following addition will suit your layout...

.bottom {overflow: hidden;}

...and make the good browsers "expand" that element "to contain" all
floats inside.

Older IE/win versions may have a problem with the above (because they
are buggy), so you may have to add...

* html .bottom {overflow: visible;}

...to make IE5.x/win behave somewhat.


IE6 (and older versions) also have a problem caused by their
"auto-expanding" bug - giving a too wide 'rightCol' that drops down
below 'leftCol'. You can fix that bug by adding...

* html .rightCol {overflow-x: hidden;}
* html .rightCol table {position: relative;}


 From there you should be able to get your layout in order across
browser-land. Good luck.

regards
Georg


[1]http://www.satzansatz.de/cssd/onhavinglayout.html
[2]http://www.w3.org/TR/CSS21/visuren.html#q15
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] iewin/5-7 & mac/ie5.2 issue

[James Leslie]

Hi David,

div#secondary form { margin-top: 0px; }

Sorts it out locally for me in IE7, I seem to remember hitting a similar
wall myself recently and discovering IE puts top margin on the form. I
haven't got any lower versions to hand at the moment but hopefully that
will sort it out.

James 

-Original Message-


On this page  the
"google custom search" box is dropped /approximately/ 14px lower than it
should be in win/ie5 through 7; and mac/ie5.2.
What to do?
Thanks.
~dL

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

Re: [css-d] CSS Style Sheet/In-Line Style Conflict

[Zoe M. Gillenwater]

Jay Stevens wrote:
> When I include a "body {margin:0px} in a linked CSS style sheet, the margin 
> style is not applied, and the next DIV {width:100%) has a top margin of 
> approx. 5px and side margins of approx. 10px. When included in the body tag 
> http://www.hsrc.unc.edu

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

Re: [css-d] floating divs

[Zoe M. Gillenwater]

Gunlaug Sørtun wrote:
> Andrew Wallace wrote:
>   
>> I've been looking at the archives, and haven't really found the 
>> answer to my problem, so
>> 
>
> Look for "expand to contain" or "containing floats".
>   

Andrew,

Since you said you're a newbie, I recommend you check out our wiki page 
on the subject for more background reading on the solutions Georg provided:
http://css-discuss.incutio.com/?page=ClearingSpace

Best,
Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

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

Re: [css-d] Printing question

[Zoe M. Gillenwater]

Russ Peters wrote:
> One of our sites using frames.  The top frame is the menu/navigation
> bar/logo area.  The bottom frame is where all the magic happens.  What I
> need is a way to force the bottom frame to print always and hide or do
> not display the top frame at all.   I can't give you a url as it's a
> login only site (our online banking product).  Is the display:none
> property my best bet in a style sheet for print or is there a better
> way?
>   

Russ,

The printing of frames is controlled by the user. They get to choose 
whether to print all or one frame in their print setup browser 
preferences. If a frame is within a div with a unique id, you can force 
it to *not* print by setting that id to display: none, but you can't 
force it *to* print if the user chooses not to print that particular frame.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

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

[css-d] floats not clearing properly in IE7?

[Web Developer]

Hello all,
I think some things aren't being cleared properly in a webpage I made
for a friend, it works in FF, and i rmemeber it worked in IE6.

Seems like IE7 is goofing? Not sure where my mistake is, I manually
clear the floats with a div whose class="clearFloat" you can see if
you inspect the code.

These pages specifically don't work...
http://www.azizshabani.com/music.html
http://www.azizshabani.com/images.html

Any guidance is appreciated, thanks,
Arian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal list menu misbehaves in IE 6 - update - Firebug lite

[Ingo Chao]

Mark Baber wrote:
> ... firebug ...
For IE6 and IE7 debugging purposes, the Internet Explorer Developer 
Toolbar from MS download center should do.


> As for IE7 ... last I heard, one can't run IE and IE6 on the same
> machine, and so I won't be able to test on IE6 if I "upgrade".

http://blogs.msdn.com/ie/archive/2006/11/30/ie6-and-ie7-running-on-a-single-machine.aspx
- Virtual PC 2004
- Virtual machine image with WinXP/IE6 (>500MB virtual hard disk file, vhd)

Run virtual pc, add a new virtual machine, assign the extracted vhd file 
to this vm.

> I strongly suspect that the bug occurs in IE7 as well,

Yes.

> PS ... I still have the strange extended blue box problem in IE6 :)

I think the problem is related to the inline level status of the links.

For IE, I'd try to float them, and realign the padding and line-height. 
Just a guess.

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

Re: [css-d] iewin/5-7 & mac/ie5.2 issue

[~davidLaakso]

Ingo Chao wrote:
> ~davidLaakso wrote:
>> On this page  the 
>> "google custom search" box is dropped /approximately/ 14px lower than 
>> it should be in win/ie5 through 7; and mac/ie5.2.
>> What to do?
>> Thanks.
>> ~dL
>>
> Hi David,
>
> add margin:0 to the form.
>
> Ingo
>
Nah. That would be too easy :-)   (oh my, how did  miss that one...).
Thanks, Ingo.
~d

-- 
http://chelseacreekstudio.com/

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

Re: [css-d] Getting 'Alpha(Opacity=80)' to work in IE

[Zoe M. Gillenwater]

Andre Dubuc wrote:
> Hi,
>
> I'm new to the list. I'm having all sorts of trouble to get an Alpha(Opacity) 
> to work in IE. I've tried all sorts of combinations in my css body{} file.
>
> It works fine in Firefox, Opera, and Konqueror, but IE either renders only 
> the 
> background with no text on top, renders a blank page (after loading the 
> jpeg), or gives me not transparency + text.
>
> Here is the code I've tried:
>
> 

Re: [css-d] [SOLVED] 3 pixel gap in IE I can't figure this one out

[Mark Wheeler]

On Jan 2, 2007, at 11:50 AM, Mark Wheeler wrote:

> Hi all,
>
> Happy  New Year... now back to work. :)
>
> I've run across a 3 pixel IE bug(?) I can't seem to squash. It  
> comes between the #left_container (float: left) and the  
> #main_content. It only shows up in IE6 (I haven't checked IE7 yet)   
> - FF and Safari are fine. What I noticed was that the inline graphic:
>
>  height="93" />
>
> seems to be "pushing" the content away from it's right and bottom.  
> I can't confirm that, it just looks like that in IE6. I didn't  
> notice the problem until I was working on the photo gallery page  
> when a right-floated div pushed the non-floated content below the  
> float. I thought I had the widths correct, and when I was checking  
> that I noticed the above problem. So I'm hoping that fixing the  
> above problem will fix the other - but maybe not. But at least we  
> can start there.
>
> Here are the links to the photo gallery page (the other links will  
> take you to other pages that show the same problem).
>
> http://ncp.tonedeafstudios.com/photo_gallery.php
> http://ncp.tonedeafstudios.com/css/global.css
> http://ncp.tonedeafstudios.com/css/gallery.css
>
> This, I thought, was a more simple layout. I never expected this  
> problem.
>
> Thanks very much for you help.
>
> Mark

Hi All,

Never mind. I figured out which 3px bug it was and fixed it. Had to  
put the non floated div (#main_content) margin to 0 and a -3px to the  
floated left column.

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

[css-d] Problem overlap in IE7

[Scott Povlot]

I need some help on IE7.  I have a website that works well on IE6, FF and 
Opera.  But on IE7, the content text overlaps the sidebar on the right.  The 
content area has a 13em right margin.  And the sidebar ("Upcoming Events") is 
positioned absolutely at the right on 0.


Website: http://www.piedmont-div.org/
CSS: http://www.piedmont-div.org/css/styles.css


Any suggestions on fixing this problem in IE7 would be helpful.

Thanks,

Scott 






__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE7 & Button width Fix

[Bill McAvinney]

On Jan 3, 2007, at 12:37 AM, Hari Kumar G wrote:

> What I see is, IE7 does honour width and padding on button elements.

Well not quite. It seems both IE6 & IE7 obey just the width in terms  
of the overall size of the button. If you add padding on the left,  
the text will be offset to the left, but the button width will not be  
expanded by the same amount so the text will be cutoff on the right  
if the padding+text length exceeds the width even when text length is  
less than width. The useful thing in IE6 was that if you added the  
style overflow:visible the button width was calculated as text length 
+padding-left+padding-right, but in IE 7 this is no longer the case.

For examples that show this see:
http://web.mit.edu/sapweb/dontindex/test/ButtonTest2.html
Note that the widths are set for IE's rendering so the text wraps in  
other browsers.


> In your sample page the iefix stylesheet is applied for IE7 also  
> and hence the button is only 10px wide.   As the general case, you  
> could set the width of the button in em's (depending on the text to  
> be put as the button label) and specify the required padding  
> properties.  This works for Opera9,Firefox2 and IE7.  Also apply  
> the fix to IE<7 only.   (I'm not sure about IE6 behaviour on this  
> issue.)

We create too many buttons for this to be a practical approach. We  
need a solution that doesn't require a designer custom fitting every  
button. We can live with the really wide buttons IE7 creates it's  
just unfortunate that a problem we had solved in  IE6 is coming back  
to haunt us.

Bill McAvinney
MIT > IS&T > SAIS > Internet Design & Development Team


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

Re: [css-d] Getting 'Alpha(Opacity=80)' to work in IE

[Andre Dubuc]

On Wednesday 03 January 2007 01:03 pm, Zoe M. Gillenwater wrote:
> Andre Dubuc wrote:
> > Hi,
> >
> > I'm new to the list. I'm having all sorts of trouble to get an
> > Alpha(Opacity) to work in IE. I've tried all sorts of combinations in my
> > css body{} file.
> >
> > It works fine in Firefox, Opera, and Konqueror, but IE either renders
> > only the background with no text on top, renders a blank page (after
> > loading the jpeg), or gives me not transparency + text.
> >
> > Here is the code I've tried:
> >
> > 

[css-d] forms not displaying correctly

[Phil Turner]

Happy new year to all working this week
can someone check my site as I'm on a mac in Firefox, checked in  
latest IE on a pc but I have been told the sign up boxes aren't  
displaying correctly
help please


http://www.yourplanetneedsyou.org/


Kind Regards

Phil Turner
FREELANCE CREATIVE
TEL: 0161 439 1669
Chartered Graphic Designer MCSD  BA Hons
[EMAIL PROTECTED]
http://www.philturner-uk.com
V I S I T  M Y  D E S I G N  B L O G
http://www.philturnerdesigner.blogspot.com/


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

Re: [css-d] forms not displaying correctly

[Jens Brueckmann]

Hi Phil,

> the sign up boxes aren't displaying correctly
>
> http://www.yourplanetneedsyou.org/

I did not check in IE7 but IE6 SP1, Opera 9.10 and Firefox 2.0.0.1 on
Windows 2000.

I am not quite sure how the boxes should be displayed, but on a
related issue, in Opera and Firefox the page is abysmally long.

Removing the following three properties from #navbox corrects these issues:

margin-bottom: -32767px;
padding-bottom: 32767px;
overflow: hidden;

Cheers & Happy New Year!

jens

-- 
Jens Brueckmann
http://www.yalf.de
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Style Sheet/In-Line Style Conflict

[David Dorward]

On 29/12/06, Jay Stevens <[EMAIL PROTECTED]> wrote:
> When I include a "body {margin:0px} in a linked CSS style sheet, the margin 
> style is not applied, and the next DIV {width:100%) has a top margin of 
> approx. 5px and side margins of approx. 10px. When included in the body tag 
> http://dorward.me.uk>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] forms not displaying correctly

[Sasha Gerrand]

On 04/01/07, Phil Turner <[EMAIL PROTECTED]> wrote:
> can someone check my site as I'm on a mac in Firefox, checked in
> latest IE on a pc but I have been told the sign up boxes aren't
> displaying correctly

How are the input elements, in the form on the left hand side of the
layout, meant to be displaying?
-- 
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Loading Graphics

[Donna [EMAIL PROTECTED] Business Connection]

For the life of me I can't find the code that you add so that all
graphics will load first? I know there is such a thing. 

I want the background to load first when open a webpage. How can I do
that?

I hope this is not off topic.

Any help is greatly appreciated.
Donna Light Pfledderer
Virtual Business Connection
919-975-1705
[EMAIL PROTECTED]
http://www.vbc-nc.com

Support the Arts http://www.johnstoncountyarts.org Life would be boring
with out it.
Recipient of the "Outstanding Contribution in the Arts" Award from JCAC

Member/Secretary of the JOCO Artist Guild of Johnston County North
Carolina - http://groups.yahoo.com/group/JoCoArtistsGuild 
 

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

Re: [css-d] IE bug nightmare - links destroying layout - advice appreciated

[Ingo Chao]

pavi wrote:
> Hi,
> 
> This is my first post to this forum - hello everyone. 

Welcome!

> ...  
> http://www.theshamanskitchen.com/testproper/recipes.main2.php and
> uses JS routines to populate the bottom-level menu and make some
> smooth scrolling features. Works fine in browsers other than IE,
> where the content and menus don't display.

1)
#main is positioned relatively, but needs haslayout [1] in addition to
be the containing block for absolutely positioned children.

  #main {zoom: 1}

As a rule of thumb: never position a container relatively without 
applying haslayout.

2)
#submenu and #lastmenu are absolutely positioned, but need both a
vertical and horizontal offset, because IE cannot determine the static
position correctly [2].

  #submenu {left: 0; top: value}
  #lastmenu {left: 0; top: value}

3)
The absolutely positioned menu content boxes
#mainmenucontent, #submenucontent and #lastmenucontent

are disappearing because they are directly following floating boxes.
An IE bug described by Bruno Fassino [3]; one fix is to separate the
a.p. boxes from the floats. I'd try to wrap them in another div, or 
choose the other options mentioned in that article.


4) #content is disappearing, a combination of the mentioned problems 2) 
and 3).

   #content { left:0; top:0;}
and content must be separated from the preceding float.


I cannot test it further at this point, but I fear the links won't work, 
  due to the positioning+filter issue.

Most of the problems on this page are related to positioning. Do you 
need it?


Ingo

[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://www.satzansatz.de/cssd/apstaticposition.html
[3] http://www.brunildo.org/test/IE_raf3.html

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

[css-d] IE6 One True Layout issue

[Matt Ryan]

Hi. Another first post...

Anyway, I ran into an issue in IE6 while I tried to implement the One
True Layout [1] and it's been bugging me.  When I place elements
inside the floated divs that make up the layout columns and give those
elements padding or borders the layout starts falling apart -- but
only at smaller window widths.  I've put together a test case here:

http://ryan-apps.carleton.edu/test/ie_otl_issues.php
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] A problem in Foxfire

[[EMAIL PROTECTED]]

Hello,

I'm very new at css, trying to understand and apply the concepts little by
little but far from mastering it!

I have a problem with the below site. It's in the very beginning stages,
just trying to get the basic format in place and having some struggles.

It looks okay in IE 6 as far as I can tell, but it is a huge mess in
Foxfire. I would appreciate any assistance you can provide to get me on the
right track with this.

The client wants the white area to be flush with the right side of the
screen and her illustrations, she prefers to be on the flush left.

http://www.tladevelopment.com/csshelp/index.htm
http://www.tladevelopment.com/csshelp/style.css

Thank you very much,
Jill


mail2web - Check your email from the web at
http://mail2web.com/ .


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

[css-d] Is there a fix for this

[Donna [EMAIL PROTECTED] Business Connection]

Is there a fix for this for the Mac

http://www.distrips.net/index_dlp.html

Screen Shot

http://browsershots.org/png/full/1e/1e8ca7db97e455681dd8e1d7966d6e07.png

I'm using a specific font for the headers and text and Mac doesn't like
it.

http://www.distrips.net/CSS/style_imp.dlp.css

Thanks!
Donna Light Pfledderer


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

[css-d] Problem - Large Space in Internet Explorer but Not Firefox

[Greg Farries]

A design that works fine in Safari, Opera and Firefox is causing me some
problems in Internet Explorer (any version below 7.0).

Please view: http://www.thepolitic.com/

In IE, the navigation bar has a big space below it, and the first column
(the one containing ads) disappears all together (it drops down to the
bottom and out of sight).  This problem is only in IE below 7.0 version.
I've validated the HTML and I only have one error in the CSS (which I am
trying to fix).  I've spent many hours looking at the CSS, but I can't seem
to figure out what the problem is, can anyone help?

Thanks

Greg

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

[css-d] (1st post) Please help me fix a DIV's position vertically but not horizontally.

[Christian Kavanagh]

Dear list,

In this fledgling page (code pasted below):
http://www.polarissc.com/csstest/dummy.html

...I'd really like to position the DIV called "menu" so it were:
(a) 6px right of the left edge of the DIV called "content", and
(b) 75px below the top edge of the viewport.

(I'm going to put a navigation menu in the "menu" DIV below the logo,  
and I'd like it to be always visible on the page.)

But I don't really know how to do this.  Is it possible?  Apologies  
if this is a commonly asked question but I couldn't find it in the  
archives.

This CSS stuff is hard.  I spent hours yesterday just centering the  
page!

Thanks in advance for the help,
Chris.

-- CODE FOLLOWS BELOW --

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


Sales Performance Consulting

.wrapper {width: 955px ; margin-left: auto; margin-right: auto; text- 
align:center ;
}










   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed  
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut  
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi  
ut aliquip ex ea commodo consequat. Duis aute irure dolor in  
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla  
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  
culpa qui officia deserunt mollit anim id est laborum.
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed  
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut  
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi  
ut aliquip ex ea commodo consequat. Duis aute irure dolor in  
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla  
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  
culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed  
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut  
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi  
ut aliquip ex ea commodo consequat. Duis aute irure dolor in  
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla  
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  
culpa qui officia deserunt mollit anim id est laborum.
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed  
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut  
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi  
ut aliquip ex ea commodo consequat. Duis aute irure dolor in  
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla  
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  
culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed  
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut  
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi  
ut aliquip ex ea commodo consequat. Duis aute irure dolor in  
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla  
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  
culpa qui officia deserunt mollit anim id est laborum.
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed  
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut  
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi  
ut aliquip ex ea commodo consequat. Duis aute irure dolor in  
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla  
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  
culpa qui officia deserunt mollit anim id est laborum.





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

[css-d] CSS Validation error

[Mike NA]

Hello

I am getting this error message when I try to vadidate my CSS...

Lexical error at line 1, column 3. Encountered: "D" (68), after : "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>


I have tried changing document types as suggested this web address,

http://www.w3.org/TR/xhtml1/

If anyone could help I would appreciate it.

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

Re: [css-d] Is there a fix for this

[Matt Ryan]

Donna wrote:

I'm using a specific font for the headers and text and Mac doesn't like
it.


When I look at the css ( http://www.distrips.net/CSS/style_imp.dlp.css ) I see:

.disneyPrint{
font-family:"Disney Print";
font-size: 24px;
}

.disneyScript{
font-family: "Walt Disney Script v4.1";
font-size: 42px;
}

When someone views your web page they are limited to the fonts
installed on their computer. So someone who does not have the Disney
script font installed will see the text in another font -- probably
browser's default. So probably it's not a Mac issue per se -- instead
it's because the font you specify is not installed on the Mac  on
which you are testing the web page.

You can provide alternate fonts so that people who do not have your
first choice installed still get an appropriate font. For example, you
could try:

.disneyPrint{
font-family:"Disney Print", "Lucida Handwriting", cursive;
font-size: 24px;
}

.disneyScript{
font-family: "Walt Disney Script v4.1", "Lucida Handwriting", cursive;
font-size: 42px;
}

This will make the browser look for the disney fonts first, lucida
handwriting (a common script font) second, and finally use a generic
cursive font if it can't find either of those. This is usually a good
idea because you can't be confident that your site visitors have the
same fonts you do.

Hope that helps!

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

Re: [css-d] IE6 One True Layout issue

[Matt Ryan]

> Solution, add...
>
> * html #content, * html #related, * html #navigation {overflow-x: hidden;}
> * html .foo {position: relative;}

Thanks!  That did the trick.

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

Re: [css-d] Problem - Large Space in Internet Explorer but Not Firefox

[Sasha Gerrand]

On 03/01/07, Greg Farries <[EMAIL PROTECTED]> wrote:
> A design that works fine in Safari, Opera and Firefox is causing me some
> problems in Internet Explorer (any version below 7.0).
>
> Please view: http://www.thepolitic.com/
>
> In IE, the navigation bar has a big space below it, and the first column
> (the one containing ads) disappears all together (it drops down to the
> bottom and out of sight).  This problem is only in IE below 7.0 version.
> I've validated the HTML and I only have one error in the CSS (which I am
> trying to fix).  I've spent many hours looking at the CSS, but I can't seem
> to figure out what the problem is, can anyone help?

I'd make sure that your markup validates correctly first:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.thepolitic.com%2F

FYI: I don't experience the same problem here on IE6.
-- 
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Validation error

[Sasha Gerrand]

On 03/01/07, Mike NA <[EMAIL PROTECTED]> wrote:
> Hello
>
> I am getting this error message when I try to vadidate my CSS...
>
> Lexical error at line 1, column 3. Encountered: "D" (68), after : "
> The actual code is
>
>
>  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
>
>
> I have tried changing document types as suggested this web address,
>
> http://www.w3.org/TR/xhtml1/
>
> If anyone could help I would appreciate it.

Do you have a public URI for the markup that is returning this error?
-- 
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] repeating background problem in IE6

[Tom Dell'Aringa]

I have a fairly simple page structurally where, at the top, I use a simple
horizontally repeating image to create a colored bar. The problem comes in
IE6 when the page is viewed and then reloaded, or when you app switch back
and forth, the very same background appears lower in the page, behind some
boxes - but it isn't actually there or being applied. It does not seem to
happen in FireFox or IE7. It seems the background repeats for some reason.

Below the boxes in the middle is a header, an UL and a P. If I remove these
elements, the issue seems to go away. I've tried various clearing methods
and hacks to no effect. I've removed all the structure on the page except
what seems pertinent. There are two styles sheets. The sheet "styles.css" is
the base one which we inherited from a agency. It is quite frankly horribly
done. The second one "prepay.css" is the one where the styles that are used
on this page appear. I don't think anything in styles.css is the problem,
but I included it for completeness sake.

You can see the page at:

http://www.pixelmech.com/rev/kill/test.html

CSS:
http://www.pixelmech.com/rev/kill/styles.css
http://www.pixelmech.com/rev/kill/prepay.css

A screen shot of the bad behavior:

http://www.pixelmech.com/rev/kill/bad.jpg (note the second yellow horizontal
bar in the middle of the page).

Any help is greatly appreciated, I am totally stumped. (Please CC me on any
replies, thanks)

Thanks

Tom

-- 
--
Pure Geek
43 % Nerd, 60% Geek, 17% Dork
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Is there a fix for this

[Sasha Gerrand]

On 04/01/07, Donna [EMAIL PROTECTED] Business Connection
<[EMAIL PROTECTED]> wrote:
>
> Is there a fix for this for the Mac
>
> http://www.distrips.net/index_dlp.html
>
> Screen Shot
>
> http://browsershots.org/png/full/1e/1e8ca7db97e455681dd8e1d7966d6e07.png
>
> I'm using a specific font for the headers and text and Mac doesn't like
> it.
>
> http://www.distrips.net/CSS/style_imp.dlp.css

I assume that you mean these references:
* font-family: "Disney Print"; and
* font-family: "Walt Disney Script v4.1";

FYI: Good CSS font declarations should always include a generic font
family. I don't have either of those typefaces activated and neither
will most people, regardless of whether they're running Mac OS X,
Windows XP or any other OS.
-- 
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] shorthand css

[Ross Hulford]

Hi,


I have a selector 

#page1 #container-inside, #page2 #container-inside, #page3 #container-inside {

}


is there a way to shorten this to combine the target divs or something?

#page1, #page2,  #page3  #container-inside 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Overflow problem in IE

[Mike Davies]

Hi all,

I am resending this request as it doesn't seem to have been received.
First sent Sunday 31 Dec 2006, notice of non-delivery received but 
still trying to deliver, then nothing.

I am in process of redesigning a site for a client and have more or less
got the basic layout sorted. However, as usual, IE is not playing ball.

The site : www.deveron-arts.com/new/ (css is still in the head)

The problem is on the artists page www.deveron-arts.com/new/artists.htm

In Opera and Firefox the gallery of artists works as intended, scrolling
horizontally. I have used overflow:auto on the #coretop div and a width
on the #content div inside it which exceeds the page width. IE doesn't
respect the overflow rule but just puts a horizontal scroll bar on the
whole page. Can anyone suggest how I can sort this? The page doesn't
validate at the moment because of missing alt tags on the images - will
be sorted.

Also, in Opera and Firefox, the font-family on either  or
#container does seem to work but it does in IE - any suggestions?

Thanks in advance.

Regards,
Mike Davies

-- 
Mike Davies
Integra Web Design, Huntly, AB54 4XP
01466 700213www.integrawebdesign.co.uk

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

[css-d] IE Browser check please

[Phil Turner]

Happy new year to all working this week
can someone check my site as I'm on a mac in Firefox, checked in  
latest IE on a pc but I have been told the sign up boxes aren't  
displaying correctly
help please


http://www.yourplanetneedsyou.org/


Kind Regards

Phil Turner
FREELANCE CREATIVE
TEL: 0161 439 1669
Chartered Graphic Designer MCSD  BA Hons
[EMAIL PROTECTED]
http://www.philturner-uk.com
V I S I T  M Y  D E S I G N  B L O G
http://www.philturnerdesigner.blogspot.com/



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

[css-d] Internet explorer tests vary - screen resolutions, page sizes, fixed positioning, % or px?

[Christopher Blake]

Hi all,

I am building a site for a politician and having some problems when  
checkin in other browsers.

Firefox - ok, safari - ok

http://www.neilparishmep.org.uk/new/index.html

I use a mac so can only get i.e.5 on it. Everything works ok on this  
except the left hand navigation. It does not recognise rollovers or  
links - basically making it useless. Can you offer any help?

I have been told that the problems I was experiencing earlier with  
6&7 are gone now - could you guys please do a quick check. left hand  
column is fixed so try scrolling down.

However the client is still telling me that the farmer is hidden  
behind the navigation. Is this because of internet explorer having a  
large tool bar? maybe the screen resolution. Maybe I could put them  
all in one div? Is here an option - like float L&R that works for top  
and bottom? Is it that i.e. doesn't like fixed positioning,  
percentages rather than px? Is there an option to stick some code in  
the  to make i.e. behave like the other browsers?

Any advice is most welcome. Kind regards, Chris






Christopher Blake
[EMAIL PROTECTED]
07816163420



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

Re: [css-d] Is there a fix for this

[Christian Kavanagh]

Matt Ryan wrote:

> When someone views your web page they are limited to the fonts
> installed on their computer. So someone who does not have the Disney
> script font installed will see the text in another font -- probably
> browser's default. So probably it's not a Mac issue per se -- instead
> it's because the font you specify is not installed on the Mac  on
> which you are testing the web page.

Donna, check out this page to see a list of "browser safe" fonts:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html


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

[css-d] Problems with 3col snd 2 col layout in IE 6

[David Roberts]

Hi,

This is my first post .

Problem is : Both 3 cols layout on the home page and the 2 cols  
layout on the other pages are not rendering correctly in IE 6.

The second column is not lining up with the first column (i.e. 'News'  
should be level with 'The Picture House') in IE 6  and the third  
column is just a lot lower than it should be  in IE 6.

I have checked the code and CSS and both are OK except for 1 or 2  
minor problems.

The pages render fine in FireFox.

I have been trying to fix this problem for a while but everything I  
try does not work . If a member could explain to me where I have gone  
wrong and how to fix this problem I would be most grateful.


URL is: http://www.deadred.co.uk/Documents/index.php (this is a test  
site)

Many thanks,


David



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

Re: [css-d] IE6 One True Layout issue

[Matt Ryan]

Oops. My first post, and somehow I manage to leave off the 2nd half of
the email. How embarrassing. Here's the full email:

===

Hi. Another first post...

Anyway, I ran into an issue in IE6 while I tried to implement the One
True Layout [1] and it's been bugging me.  When I place elements
inside the floated divs that make up the layout columns and give those
elements padding or borders the layout starts falling apart -- but
only at smaller window widths.  I've put together a test case here:

http://ryan-apps.carleton.edu/test/ie_otl_issues.php

Note that I'm using the css generated by the interactive tool [2].
Anyone know if it is up-to-date? In addition, I am not using the equal
height columns, since they scare me. :)

I've been banging my head against it all day, so any ideas would be
much appreciated. Is there something obvious that I'm missing?

Thanks,
Matt Ryan

[1] http://www.positioniseverything.net/articles/onetruelayout/
[2] http://www.fu2k.org/alex/css/onetruelayout/example/interactive
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problems with 3col snd 2 col layout in IE 6

[Sasha Gerrand]

On 04/01/07, David Roberts <[EMAIL PROTECTED]> wrote:
> Problem is : Both 3 cols layout on the home page and the 2 cols
> layout on the other pages are not rendering correctly in IE 6.
>
> The second column is not lining up with the first column (i.e. 'News'
> should be level with 'The Picture House') in IE 6  and the third
> column is just a lot lower than it should be  in IE 6.
>
> I have checked the code and CSS and both are OK except for 1 or 2
> minor problems.
>
> The pages render fine in FireFox.
>
> I have been trying to fix this problem for a while but everything I
> try does not work . If a member could explain to me where I have gone
> wrong and how to fix this problem I would be most grateful.
>
>
> URL is: http://www.deadred.co.uk/Documents/index.php (this is a test
> site)

FYI: The URI you provided says that 'This site is currently offline'. ;)
-- 
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Validation error

[~davidLaakso]

Mike NA wrote:
> Hello
>
> I am getting this error message when I try to vadidate my CSS...
>
> Lexical error at line 1, column 3. Encountered: "D" (68), after : "
> The actual code is
>
>
>  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
> Michael
I believe it should read (assuming this does not get mangled in mail):
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">

you've got:

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


Best,
~dL

-- 
http://chelseacreekstudio.com/

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

[css-d] Border-spacing workaround for IE? Dynamic Properties?

[Alex Kirmse]

Hi folks,

Unfortunately I noticed recently that IE (even 7) doesn't support
border-spacing:8px. I'm wondering what the best workaround for IE is?
While googling this topic I found something called dynamic properties
(something I had never heard of before), where you basically inject
javascript or attributes in css. So the workaround would be:

border-spacing:8px;
/* for IE */
border-spacing:expression (cellspacing:8);

Does anybody have any experience with the 'expression' syntax? How well does
this work?
It seems that "Dynamic Properties" opens up a whole new world of getting IE
to behave like other browsers. I'm kind of surprised that this isn't used
more for dealing with IE lack of css features.

btw, unfortunately using cellspacing inside the table tag is not doable at
this point because the HTML is generated and the same code is used for other
areas where cellspacing should be 0 not 8.

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

Re: [css-d] CSS Validation error

[~davidLaakso]

~davidLaakso wrote:
> Mike NA wrote:
>   
>> I am getting this error message when I try to vadidate my CSS...
>>
>> Lexical error at line 1, column 3. Encountered: "D" (68), after : "> 
>
>   
Whoops. Or is it, simply:

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

Regards,
~dL

-- 
http://chelseacreekstudio.com/

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

Re: [css-d] IE7 & Button width Fix

[Hari Kumar G]

On Tue, 02 Jan 2007 23:52:06 +0530, Bill McAvinney <[EMAIL PROTECTED]> wrote:

> Jehiah's solution is to give the button a very narrow width. This
> seems to cancel out IE's proportional padding and works because IE<7
> expands the button to fit the content so you can then apply your own
> padding that works. IE7 doesn't seem to expand the button, nor obey
> the 10px width, so the button background color appears only as a
> narrow vertical band about 2px wide at the very left edge of the
> button. With great hope I tried just applying padding, thinking IE7
> might obey, but no, my CSS padding is still ignored and very wide
> padding is applied.

What I see is, IE7 does honour width and padding on button elements.  In  
your sample page the iefix stylesheet is applied for IE7 also and hence  
the button is only 10px wide.   As the general case, you could set the  
width of the button in em's (depending on the text to be put as the button  
label) and specify the required padding properties.  This works for  
Opera9,Firefox2 and IE7.  Also apply the fix to IE<7 only.   (I'm not sure  
about IE6 behaviour on this issue.)

Hope that would help.

-- 
Hari Kumar G
<-H_K_G->
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS Stops Working

[Steve LaBadie]

I have a .js document in a folder called js.  This script calls on a css
script to format a page for a "friendly print".  It works if I go 1
level down only, after that it doesn't style the text correctly. Any
ideas?

 

 

root -

js (script inside)

css (script inside)

aboutus (folder)

index.htm (works - inside aboutus)

  admin (folder inside aboutus)

index.htm (dosen't work - inside admin)   

index.htm (works - root)

 

 

Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa 18301
570-422-3999
[EMAIL PROTECTED]  
http://www.esu.edu  

 

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

[css-d] text-decoration

[Steve LaBadie]

text-decoration: none; doesn't work in FF?

 

Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa 18301
570-422-3999
[EMAIL PROTECTED]  
http://www.esu.edu  

 

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

Re: [css-d] IE6 One True Layout issue

[Gunlaug Sørtun]

Matt Ryan wrote:
> Hi. Another first post...

Welcome.

> [...] When I place elements inside the floated divs that make up the 
> layout columns and give those elements padding or borders the layout 
> starts falling apart -- but only at smaller window widths.
> 
> http://ryan-apps.carleton.edu/test/ie_otl_issues.php

It's the old 'auto-expanding' bug in IE6. IE6 doesn't respect given
dimensions, so when those containers no longer have room for div.foo
with paddings and all, those containers won't become any narrower.
That's when IE starts dropping floats all over the place. This will
happen for all float-based layouts.

Solution, add...

* html #content, * html #related, * html #navigation {overflow-x: hidden;}
* html .foo {position: relative;}

...where the first part makes IE6 respect dimensions by hiding the
overflow, and the second part makes the overflowing parts of .foo
visible again. The whole "fix" is making use of a set of genuine IE6
bugs, thus must be hidden from other browsers that may react badly on
parts of it.

This will make the columns overlap on narrow windows - like in Firefox,
but the layout won't fall apart.

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

Re: [css-d] CSS Validation error

[Matt Ryan]

On 1/2/07, Mike NA <[EMAIL PROTECTED]> wrote:
> Lexical error at line 1, column 3. Encountered: "D" (68), after : "http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] shorthand css

[Sasha Gerrand]

On 02/01/07, Ross Hulford <[EMAIL PROTECTED]> wrote:
> I have a selector
>
> #page1 #container-inside, #page2 #container-inside, #page3 #container-inside {
>
> }
>
>
> is there a way to shorten this to combine the target divs or something?
>
> #page1, #page2,  #page3  #container-inside

I assume that there aren't 3 elements with the same ID. ;)

Unfortunately, not in the way you would like. Perhaps if you reformat
your markup, you could use something like:

#container #pages div {}


HTH
-- 
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] text-decoration

[Sasha Gerrand]

On 04/01/07, Steve LaBadie <[EMAIL PROTECTED]> wrote:
> text-decoration: none; doesn't work in FF?

Indeed it does, as a CSS declaration. Do you have an example of what
you are referring to?
-- 
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6: content-div is pushed to bottom

[Martin Krumme]

Wow - that is marvellous. What a neat solution. Thank you deeply for 
that - and best wishes for 2007!

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

Re: [css-d] (1st post) Please help me fix a DIV's position vertically but not horizontally.

[Gunlaug Sørtun]

Christian Kavanagh wrote:
> http://www.polarissc.com/csstest/dummy.html

> ...I'd really like to position the DIV called "menu" so it were: (a) 
> 6px right of the left edge of the DIV called "content", and (b) 75px 
> below the top edge of the viewport.

> [...]

> This CSS stuff is hard.  I spent hours yesterday just centering the 
> page!

Don't worry ... it'll get easier :-)

Now, I've restyled your page into a more complete example here...



...and the menu div is floated left and positioned with margins. That
way it'll always create its own space.

You may have to declare a specific width on that menu div, as it is just 
shrinking to the width of the image at the moment and will grow in width 
with whatever you put in there.

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

Re: [css-d] list

[Marjo]

And the solution was: Margin-bottom of . Increasing that selector 
seperated the main text from the lists.

Worth reading for me: CSS; the missing manual by Mc Farland.



Marjo schreef:
> Dear David and Roger,
>
> Thanks for your input. Valuable suggestions but it didn't completely 
> work. I'm now reading a bit more into the basics of css and why it 
> doesn't work. I'll let you know what it was.
>
> Thanks.
>
> Marjo
>
>
>
>
> Roger Roelofs schreef:
>> Marjo,
>>
>> On Dec 28, 2006, at 3:58 PM, Marjo wrote:
>>
>>> I am new to this list, having just started my webdesign activities 
>>> again.
>> Welcome.  I hope you enjoy the list as much as I have.
>>
>>> On a webpage I want to have a piece of text with in between a few 
>>> lists. Now, with my current design and stylesheet make-up, I have 
>>> the lists with items floating between the text.
>> I'm not sure I understand the question.  However, I have a few 
>> general suggestions.
>>
>> The first step should be to write valid markup.  The page is missing 
>> some starting and ending tags.  When browsers have to guess at where 
>> elements start and end, they each do it differently.  This causes a 
>> lot of frustration for you.
>>
>> Second, the link to the stylesheet is incorrect, so we are seeing the 
>> page without any style applied.  When I fix the link element I see 
>> that the paragraphs and lists are overlapping.  This is caused by 
>> setting the height on the p element.  Remove that and the overlap 
>> will stop.
>>
>> Third, validate the css also.  You have some font names that need to 
>> be in quotes (because they have spaces in their name).  While you are 
>> there, try setting your font-sizes in percent or ems.  That way 
>> readers with low vision can easily increase the text size of your 
>> site so they can more comfortably read it.
>>
>> I cleaned up/validated the html and got something like this.
>>
>> -  html 
>> >   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>> http://www.w3.org/1999/xhtml"; lang="du" xml:lang="du">
>> 
>>   
>>
>>   Chantal van Cappelleveen Zorgadvies
>>   
>>   
>>   
>>   
>>   
>> 
>>
>> 
>>   Over mij……
>>
>>   Van 1997 t/m 2001 heb ik de opleiding HBO MWD gevolgd, in juni 
>> 2001 ben ik afgestudeerd.
>> Mijn stage heb ik gevolgd bij Stichting MEE regio Tiel. Vanaf 
>> 2000 t/m januari 2006 heb ik gewerkt bij Stichting MEE Zuid Holland 
>> Zuid. Mijn voornaamste werkzaamheden waren: cliënt- en 
>> gezinsondersteuning, hulpvraagverduidelijking, casemanager, 
>> ondersteuning bij indicatieaanvragen en bemiddeling naar zorg. 
>> Overige taken waren :
>>
>> 
>>   Aandachtsfunctionaris AWBZ indicatiestelling (PGB).
>>   Profileringswerkzaamheden Stichting MEE, invoering WMO.
>>
>>   Participatie in projectgroep ëGewoon Meedoení. Samenwerking 
>> tussen diverse aanbieders, gemeente en St. MEE. Toeleiding naar werk 
>> van mensen met een beperking.
>>
>>   Participatie in diverse regionale patiënten/cliënten 
>> platforms (o.a. PGB netwerk en RPCP -Zorgbelang).
>> 
>>
>> In 2001 drie maanden (tijdens afstuderen) ziektevervanging in 
>> het Diakonesse Ziekenhuis te Zeist als medisch maatschappelijk werker 
>> (transfer- en indicatiebegeleiding).
>> Juni 2001 afstudeerproject ëSturen naar Kwaliteití. Het 
>> project richtte zich op het ontwikkelen van een zelfsturend team.
>> Van september 2002 tot februari 2003, medeoprichtster van PGB 
>> Bureau. PGB Bureau is gespecialiseerd in administratiebeheer van PGB 
>> budgetten. Ik richtte mij op het zorginhoudelijke deel.
>>
>> 
>>   Begeleiden van startende woonprojecten
>>   zorginventarisatie tbv indicatiestelling
>>   PGB advies Stichting Thomashuizen
>> 
>>
>> In 2002 betrokken bij oprichting van Nederlandse 
>> Branchevereniging PGB Adviseurs (NBPA).
>> Heel 2006 heb ik als Jeugdbeschermer gewerkt bij Bureau 
>> Jeugdzorg. Ik heb dit jaar veel ervaring opgedaan in het werken 
>> vanuit een gedwongen kader en geleerd over de juridische ascpecten 
>> van de Onder Toezicht Stelling, Jeugdhulpverlening in zín algemeen en 
>> indicatiestelling van Jeugdhulpverlening. Ook heb ik een 
>> functiescholing gevolgd (Pro Education en Bureau Jeugdzorg) en met 
>> positief resultaat afgerond.
>>   
>>   December 2006
>>   
>> 
>>
>>
>> --Roger Roelofs
>> "Remember, if you’re headed in the wrong direction,
>> God allows U-turns!"
>>   ~Allison Gappa Bottke
>>
>>
>
>

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

Re: [css-d] (1st post) Please help me fix a DIV's position vertically but not horizontally.

[Gunlaug Sørtun]

Gunlaug Sørtun wrote:

> Now, I've restyled your page into a more complete example here...

Correction (to on-line document):



That's what I get from having on-line and off-line tabs side by side in
my browser :-)

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

Re: [css-d] Loading Graphics

[Richard Grevers]

On 1/1/07, Donna [EMAIL PROTECTED] Business Connection
<[EMAIL PROTECTED]> wrote:
> For the life of me I can't find the code that you add so that all
> graphics will load first?

That's because it doesn't exist. The order  in which page elements are
served is dependent on the user's browser, thier network settings
(e.g. number of connections they can use, and whther HTTP 1.1
pipelining is enabled), caching proxies that might be between them and
the server, and quite possibly the wind direction :-)

Background images can be at a double disadvantage because they are
often dependent upon the complete loading of the external css file (if
not cached) as well as the page source.

> I want the background to load first when open a webpage. How can I do
> that?
>
> I hope this is not off topic.

Well, it is nothing to do with css...
-- 
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Getting 'Alpha(Opacity=80)' to work in IE

[Ingo Chao]

Andre Dubuc wrote:
> Hi,
> 
> I'm new to the list. I'm having all sorts of trouble to get an Alpha(Opacity) 
> to work in IE. I've tried all sorts of combinations in my css body{} file.
> 
> It works fine in Firefox, Opera, and Konqueror, but IE either renders only 
> the 
> background with no text on top, renders a blank page (after loading the 
> jpeg), or gives me not transparency + text.
> 
> Here is the code I've tried:
> 
> 

[css-d] hovering line gaps Safari/IE7 / jumping navigation in IE6

[Beate De Nijs]

Dear list,

I have two problems, sample page is here:



stylesheets:
http://www.fabian-helmich.de/css/fabian_base.css
http://www.fabian-helmich.de/css/fabian_p1.css

1. hovering over the thumbnails at the bottom of the page should show  
a dotted line below the thumbnail with some pixel distance.
In Safari this line shows without gap right below the thumbs. in IE7  
it doesn't show at all, in IE6 and others (Safari, Camino) it's fine.  
a 2px dotted line with appr. 2 px distance.
I have tried all sorts of settings but can't figure out how to  
achieve this line appearing in the same way as it does in other  
browsers.
Can you help me?

2. in Internet Explorer 6 when you hover over the top navigation bar  
the two other lines below jump some pixels down ...
this should not happen! how can I prevent this, what in my settings  
do I have to change?


bye,
beate

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

Re: [css-d] Overflow problem in IE

[Gunlaug Sørtun]

Mike Davies wrote:
> www.deveron-arts.com/new/artists.htm
> 
> [...] I have used overflow:auto on the #coretop div and a width on 
> the #content div inside it which exceeds the page width. IE doesn't 
> respect the overflow rule but just puts a horizontal scroll bar on 
> the whole page. Can anyone suggest how I can sort this?

Add...
#coretop {width: 100%;}
...so IE knows how wide that element is supposed to be. Otherwise the
'auto-expansion' bug will make it as wide as the element(s) inside - in IE.

> Also, in Opera and Firefox, the font-family on either  or 
> #container does seem to work but it does in IE - any suggestions?

Delete the color-value at the end of those 'font' rules, and they will work.

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

Re: [css-d] list

[Mark Wheeler]

On Jan 1, 2007, at 11:30 AM, Marjo wrote:

> Worth reading for me: CSS; the missing manual by Mc Farland.

I second that. I'm two-thirds through the book, and am loving it!

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

Re: [css-d] Loading Graphics

[Paul Novitski]

At 12/31/2006 09:46 AM, Donna [EMAIL PROTECTED] Business Connection wrote:
>For the life of me I can't find the code that you add so that all
>graphics will load first? I know there is such a thing.
>
>I want the background to load first when open a webpage. How can I do
>that?


If you can ensure that a background image is already cached before 
the rest of the page downloads, it will probably be rendered before 
other uncached images on the page.

Folks call this preloading and it's often done with JavaScript.  If 
you google [javascript preload images] you'll find a ton of 
references.  As has been pointed out it's off-topic for this list, 
but if you have questions I recommend the LaTech javascript list; 
see: https://lists.LaTech.edu/mailman/listinfo/javascript

Regards,
Paul 

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

[css-d] test

[Substance Digital Media]

Hi,

This is just a test mail to see if i have set myself up on the list properly. 
The name is Andy by the way. Pleased to meet you all.

Andy
-- 
This message has been scanned for viruses and
dangerous content by MailScanner, and is
believed to be clean.

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

Re: [css-d] list

[Marjo]

Dear David and Roger,

Thanks for your input. Valuable suggestions but it didn't completely 
work. I'm now reading a bit more into the basics of css and why it 
doesn't work. I'll let you know what it was.

Thanks.

Marjo




Roger Roelofs schreef:
> Marjo,
>
> On Dec 28, 2006, at 3:58 PM, Marjo wrote:
>
>> I am new to this list, having just started my webdesign activities 
>> again.
> Welcome.  I hope you enjoy the list as much as I have.
>
>> On a webpage I want to have a piece of text with in between a few 
>> lists. Now, with my current design and stylesheet make-up, I have the 
>> lists with items floating between the text.
> I'm not sure I understand the question.  However, I have a few general 
> suggestions.
>
> The first step should be to write valid markup.  The page is missing 
> some starting and ending tags.  When browsers have to guess at where 
> elements start and end, they each do it differently.  This causes a 
> lot of frustration for you.
>
> Second, the link to the stylesheet is incorrect, so we are seeing the 
> page without any style applied.  When I fix the link element I see 
> that the paragraphs and lists are overlapping.  This is caused by 
> setting the height on the p element.  Remove that and the overlap will 
> stop.
>
> Third, validate the css also.  You have some font names that need to 
> be in quotes (because they have spaces in their name).  While you are 
> there, try setting your font-sizes in percent or ems.  That way 
> readers with low vision can easily increase the text size of your site 
> so they can more comfortably read it.
>
> I cleaned up/validated the html and got something like this.
>
> -  html 
>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> http://www.w3.org/1999/xhtml"; lang="du" xml:lang="du">
> 
>   
>
>   Chantal van Cappelleveen Zorgadvies
>   
>   
>   
>   
>   
> 
>
> 
>   Over mij……
>
>   Van 1997 t/m 2001 heb ik de opleiding HBO MWD gevolgd, in juni 
> 2001 ben ik afgestudeerd.
> Mijn stage heb ik gevolgd bij Stichting MEE regio Tiel. Vanaf 2000 
> t/m januari 2006 heb ik gewerkt bij Stichting MEE Zuid Holland Zuid. 
> Mijn voornaamste werkzaamheden waren: cliënt- en gezinsondersteuning, 
> hulpvraagverduidelijking, casemanager, ondersteuning bij 
> indicatieaanvragen en bemiddeling naar zorg. Overige taken waren :
>
> 
>   Aandachtsfunctionaris AWBZ indicatiestelling (PGB).
>   Profileringswerkzaamheden Stichting MEE, invoering WMO.
>
>   Participatie in projectgroep ëGewoon Meedoení. Samenwerking 
> tussen diverse aanbieders, gemeente en St. MEE. Toeleiding naar werk 
> van mensen met een beperking.
>
>   Participatie in diverse regionale patiënten/cliënten 
> platforms (o.a. PGB netwerk en RPCP -Zorgbelang).
> 
>
> In 2001 drie maanden (tijdens afstuderen) ziektevervanging in 
> het Diakonesse Ziekenhuis te Zeist als medisch maatschappelijk werker 
> (transfer- en indicatiebegeleiding).
> Juni 2001 afstudeerproject ëSturen naar Kwaliteití. Het project 
> richtte zich op het ontwikkelen van een zelfsturend team.
> Van september 2002 tot februari 2003, medeoprichtster van PGB 
> Bureau. PGB Bureau is gespecialiseerd in administratiebeheer van PGB 
> budgetten. Ik richtte mij op het zorginhoudelijke deel.
>
> 
>   Begeleiden van startende woonprojecten
>   zorginventarisatie tbv indicatiestelling
>   PGB advies Stichting Thomashuizen
> 
>
> In 2002 betrokken bij oprichting van Nederlandse 
> Branchevereniging PGB Adviseurs (NBPA).
> Heel 2006 heb ik als Jeugdbeschermer gewerkt bij Bureau 
> Jeugdzorg. Ik heb dit jaar veel ervaring opgedaan in het werken vanuit 
> een gedwongen kader en geleerd over de juridische ascpecten van de 
> Onder Toezicht Stelling, Jeugdhulpverlening in zín algemeen en 
> indicatiestelling van Jeugdhulpverlening. Ook heb ik een 
> functiescholing gevolgd (Pro Education en Bureau Jeugdzorg) en met 
> positief resultaat afgerond.
>   
>   December 2006
>   
> 
>
>
> --Roger Roelofs
> "Remember, if you’re headed in the wrong direction,
> God allows U-turns!"
>   ~Allison Gappa Bottke
>
>

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

Re: [css-d] iewin/5-7 & mac/ie5.2 issue

[Ingo Chao]

~davidLaakso wrote:
> On this page  the 
> "google custom search" box is dropped /approximately/ 14px lower than it 
> should be in win/ie5 through 7; and mac/ie5.2.
> What to do?
> Thanks.
> ~dL
> 
Hi David,

add margin:0 to the form.

Ingo

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

[css-d] hows the health of css-d list? no messages recently and my message never posted.

[Web Developer]

got a bounce back. happened once be4. anything wrong with server guys?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Border-spacing workaround for IE? Dynamic Properties?

[Alex Kirmse]

Hi folks,

Unfortunately I noticed recently that IE (even 7) doesn't support
border-spacing:8px. I'm wondering what the best workaround for IE is?
While googling this topic I found something called dynamic properties
(something I had never heard of before), where you basically inject
javascript or attributes in css. So the workaround would be:

border-spacing:8px;
/* for IE */
border-spacing:expression(cellspacing:8);

Does anybody have any experience with the 'expression' syntax? How well does
this work?
It seems that "Dynamic Properties" opens up a whole new world of getting IE
to behave like other browsers. I'm kind of surprised that this isn't used
more for dealing with IE lack of css features.

btw, unfortunately using cellspacing inside the table tag is not doable at
this point because the HTML is generated and the same code is used for other
areas where cellspacing should be 0 not 8.

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

Re: [css-d] repeating background problem in IE6

[Gunlaug Sørtun]

Tom Dell'Aringa wrote:
> [...] The problem comes in IE6 when the page is viewed and then 
> reloaded, or when you app switch back and forth, the very same 
> background appears lower in the page, behind some boxes - but it 
> isn't actually there or being applied.

> http://www.pixelmech.com/rev/kill/test.html

IE is in need of a more "solid" base for its internal calculations, as
it may lose track of "where to render what" otherwise. A well-placed
'hasLayout'[1] trigger will solve IE's problem.

Adding...

#prepayContent {width: 100%;}

...works well in my IE6. No IE-hacking necessary with that
property/value there.

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

[css-d] 3 pixel gap in IE I can't figure this one out

[Mark Wheeler]

Hi all,

Happy  New Year... now back to work. :)

I've run across a 3 pixel IE bug(?) I can't seem to squash. It comes  
between the #left_container (float: left) and the #main_content. It  
only shows up in IE6 (I haven't checked IE7 yet)  - FF and Safari are  
fine. What I noticed was that the inline graphic:



seems to be "pushing" the content away from it's right and bottom. I  
can't confirm that, it just looks like that in IE6. I didn't notice  
the problem until I was working on the photo gallery page when a  
right-floated div pushed the non-floated content below the float. I  
thought I had the widths correct, and when I was checking that I  
noticed the above problem. So I'm hoping that fixing the above  
problem will fix the other - but maybe not. But at least we can start  
there.

Here are the links to the photo gallery page (the other links will  
take you to other pages that show the same problem).

http://ncp.tonedeafstudios.com/photo_gallery.php
http://ncp.tonedeafstudios.com/css/global.css
http://ncp.tonedeafstudios.com/css/gallery.css

This, I thought, was a more simple layout. I never expected this  
problem.

Thanks very much for you help.

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