Re: [css-d] IE: DIVs don't extend the whole desired width

[~davidLaakso]

Charles Blaquière wrote:
> At http://02.infocopa.com/test.html is a page describing my problem, with 
> screen shots and everything. The problematic test document is at 
> http://02.infocopa.com/toto.html .
>
> It's an IE problem where divs don't extend the whole desired width. (Two 
> versions of the problem, each affecting a different div or set of divs)
>   
Charles,
If I knew exactly why your page failed in IE I would say. It my be a 
combination of things?
Anyway, this sets the images in the markup 
. Each image is in 
its own container. You can shove them around within those containers by 
adjusting the margins (or padding-- or something like that). Please note 
that this has only been /very quick/ tested in XP.
Best,
~dL


-- 
http://chelseacreekstudio.com/

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

[css-d] left column like a ghost in IE

[Zbyszek Pietras]

I have a problem with IE (in FF all works superb). Here is web page:

http://www.dywiz.com/test/arbitraz/

After load in IE left columns is disappear till I move mouse over
right column or when I try to change window dimension. After them all
works without problems. Can someone tell me why?

-- 
regards,

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

Re: [css-d] Site check and specific IE issues

[francky]

Scott Haneda wrote:

>So far I am doing pretty good on Firefox and Safari, IE 6 which I have
>access to does some strange stuff. I don't know if I should even try to make
>ie7 work, since it is pre-release?
>
>url:
>http://www.newgeo.com/web/shots/index.html
>
>Css:
>http://www.newgeo.com/web/shots/style.css
>
>The specifics in IE 6 are on the left navigation, there is a .sep I am
>using, it is a 5px tall by 150px wide image, all other browsers seem to
>honor my 5px tall setting, IE6 shows a lot of white for some reason.  I can
>just put the image in there, but would like to use a div to make it cleaner
>and less repetition.
>  
>
Hi Scott,
At my side, IE6 was showing the white gap too, but only while the page 
was loading. Due to the heavy graphic weight of the page, that was 
rather long (even on DSL). The same was happening in FF.
But why don't you make lists with combined background images and 
css-hover, instead of a lot of (hover) images and javascript? Giving 
cleaner html, less than 1/2 download time (saving >50 http-requests and 
incomplete packets returning), no javascript waiting time at hovering,  
better usable/accessible!  :-)

Pasting the images together and arranging the div's with css-hover, I 
made this testpage 
.

The 5px by 150px wide gaps are gone too! ;-)
Tested in IE6, FF1.07 and Opera8.01 under Win.
According to Browsershots.org it seems in principle alright in IE7 (I 
guess only somewhere at the bottom an extra clearing div is needed), see 
browsershot result 
.

>The nav images on the left and 4 logos at the bottom are png's with
>transparency in order to deal with the gradients of this fugly site.  Ie6 is
>not supporting png properly?
>
That is correct; IE7 seems a bit better, but not for all purposes.

>  Are there workarounds?  The logos should blend
>into the background.
>  
>
Yes:

   1. there is the IE png hack (with a "pngbehavior.htc" file). Google
  "ie png hack" for reading fun!
  - a simple testpage and some links are here
  .
  - shadow side: sometimes this is making the pages extremely slow
  (or even crashing) in IE.

   2. using an IE-behavior alpha filter. See MSDN here
  
and
  here
  
.

   3. if the image has a fixed position in the page: don't use
  transparent pngs, but paste the img and the background together
  [1], and position it in the right place on top of the rest of the
  background (the "nobody knows..." technique). In fact the method
  you already used in the right column.

   4. depending on the image and the background, sometimes it is
  possible to use a 256 color transparent gif. In fact the method
  you used in the bottom of your testpage. - Example for transparent
  dropshadows
  
.

   5. and sometimes 2 gifs and some extra css can help to make something
  which is quite like a transparent png in IE (without hacks or
  IE-filters). See this example
  
.

Greetings,
francky

[1]
For instance by means of a screenshot of the png and the background in a 
png-transparency supporting browser.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why doesn't border-top in my footer work in IE?

[Gunlaug Sørtun]

Dan Kletter wrote:
> http://esophagus.com/htdb/menche/

> Most importantly, I've looked at the website on my friend's PC with
> IE and the one thing I just can't figure out is why the border-top in
> the footer doesn't display. Why does it work in Safari/Firefox but
> not IE?

IE is buggy and needs a 'hasLayout'[1] trigger on footer. The addition of...

#footer {height: 1%;}

...will do just fine.

regards
Georg

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

[css-d] Complex form - some layout questions

[Anne E. Shroeder]

Today I embarked on my first CSS form.  And it's a doozy.  This is a 
screenshot of what the form needs to look like:
http://www.language-works.com/swimdesign/screenshot.htm

And this is what I've managed to code: 
http://www.language-works.com/swimdesign/basicform.htm

Yes, it's a bit of a mess still.  Here are some pointed questions:
(1) I can't see how to get the radio button to sit in front of the text it 
belongs to (it keeps shoving the text down to the next line)
(2) ditto for the checkboxes

(3) How can I control what fields are displayed on what lines - I can adjust 
the size of the text fields so that they force the next fields down to the 
second line, but I can't do that with checkboxes. So how can I tell the code 
to only display a certain number of fields per line?
(4) I am really puzzled about how to do the checkboxes that need to be 
indented (example:  Box that starts with the word "Industrials")

I think that I'm somehow missing some basic instruction on how to manage 
layout of items in CSS because each new task that presents itself to me 
gives me a migraine!  Any recommendations are welcome.

Anne 

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

Re: [css-d] minimum height on a box in IE?

[David Hucklesby]

Hi Sam,

On Thu, 28 Sep 2006 15:59:53 -0500, you wrote:

> This is so simple I must be missing something. But I have this div,
> that I want to give a minimum height of 1px. It may or may not get
> any content in it, and I want it to collapse up if its empty. IE 6
> doesnt of course support min-height, so for now I'm using height:
> 1px. But even this simple case fails:
> http://www.sam-i-am.com/work/sandbox/css/iestubbornbox.html
>
It's likely this has been answered already, but I have been having
problems with css-d getting through.

Basically, IE does treat "height" as "min-height". In fact, preventing
IE from expanding boxes is a major pain.

What you are seeing is text white space (blank). Try putting an empty
comment between the opening and closing DIV tags.

Cordially,
David
--


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

Re: [css-d] UL pushed down and to the right

[David Hucklesby]

Hi Elle and Waz,

On Fri, 29 Sep 2006 08:23:19 +1200,you wrote:
>
> I created a map with points of interest on it using an . I
> defined the  as position: relative; so I could position my
> points absolutely and the actual map is in the background.
>
> It works great on every browser besides IE. (IE7 is good, IE6 is
> not, haven't even dared to check IE5). In IE6 my map is pushed down
> and to the left. The map is at:
> http://waznelle.com/td/v1.php?page=divesitesmap
>
> Would you know why this happens?

No!  :-)

Who can explain IE? Anyway, you have a lot of positioning going on.
It is well known that IE is easily confused. It looks like it's
positioning your map relative to something other than the
#maincol.

Try adding a declaration of position: relative; to the rule for that
(#maincol).

(Not a factor, but shouldn't that be 'top', not 'Top' ?)

BTW - the UL in #navlist extends over the text in the header on
IE 6 on my laptop. Win xp is set to 120 PPI - a common setting
on high definition laptops; this sets "medium" text to 20 pixels
instead of 16 in IE and Opera (still 16 pixels in Gecko).

In any case, you need to consider what happens when browser
text sizes are changed by the viewer.

Cordially,
David
--


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

Re: [css-d] 4 in a Header

[~davidLaakso]

~davidLaakso wrote:
> Ted wrote:
>   
>> http://nexel.superiorshelving.com/test-files/fixed/fixed.shtml
>> http://nexel.superiorshelving.com/test-files/fixed/fixed.css
>> But there are a few things I need to fix.
You wrote:

3] When you scroll down the page, you'll see some of the text show  
through between all the divs. How can I  
stop that from showing, without giving the entire header a white  
background?

*I should have written:*

/Dunno./
aside: the page will need some correction for IE. Why have you commented 
out the xml declaration?

~dL
PS I am having a bad day.







-- 
http://chelseacreekstudio.com/

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

Re: [css-d] 4 in a Header

[~davidLaakso]

Ted wrote:
> http://nexel.superiorshelving.com/test-files/fixed/fixed.shtml
> http://nexel.superiorshelving.com/test-files/fixed/fixed.css
> But there are a few things I need to fix.
>
> 1] 
> align the text?
> vertical-align:middle doesn't seem to work.
>   
If  you mean more or less vertically center the text in the nav, try:
div#navList { 
 line-height: 1.6; << 2] the searchBox div needs to be broken up some more, but I'm not  
> sure how to do a div within a div within a div
>   
You could see if something like this works for you:
css
div#searchBox p{margin:0;padding:0;}
#sb1 {background-color: red;float:left; width: 40%;}
#sb2 {background-color: blue;float: left; width: 40%;}
#sb3 {background-color: green;float: left; width: 19%;}
html


1 


2 


3 


> 3] When you scroll down the page, you'll see some of the text show  
> through between all the divs. How can I  
> stop that from showing, without giving the entire header a white  
> background?
>   
aside: the page will need some correction for IE. Why have you commented 
out the xml declaration?
> Ted
Best,
~dL

-- 
http://chelseacreekstudio.com/

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

[css-d] works in IE6, not in IE7

[Guillaume Bokiau]

www.culturelab.be/fr/editions

the clear:both propreties work pretty much everywhere except in IE7. Any 
idea?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE and Negative Margins

[David Hucklesby]

Hi Lori,

On Thu, 28 Sep 2006 13:26:35 -0400, you wrote:
>
> I have a background image on nav headings which I wanted to pop
> outside the container a bit here: www.hobieb2b.com and used a
> negative margin, thinking that should be plenty.
>
> Half the little footprint disappears in IE6, however. (All's well
> in FF, Opera and IE7.)
>
Sadly, I was unable to make a local copy of your page to play with.
It looks like a dynamically generated page, with lots of links to
scripts etc.. Do you have a simplified, cut-down version to play
with? FWIW I often do this when I have a problem - find a minimum
case where the problem shows.

Did you try adding z-index: 1; to elements with the background image?

Other things to note - you need to add a background color to the
BODY declarations or the browser setting takes over - not always
white!

Also, several of the side menu descriptions wrap in IE and Opera on
my Win xp, even at "normal" text size. That's because my OS is set to
120 PPI - a common setting for high definition laptops.

Cordially,
David
--


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

Re: [css-d] Smoothing fonts in IE/win

[Felix Miata]

On 06/10/02 02:02 (GMT+0200) Eystein Alnaes apparently typed:

> But this[1] doesn't exactly get my hopes up.

> [1] 

That's from Win98. Win2K is equally bad. WinXP is much better with cleartype 
enabled. The IE screenshots linked to from 
http://mrmazda.no-ip.com/auth/pxmonkeys.html were taken from WinXP, and are 
representative of the
current state of what doze can do.

Something else that image shows is one potential advantage of higher 
resolution. That image is from a 1024x768 (XGA) resolution source. A switch to 
1400x1050 (SXGA+) on the same display size brings that 18px (1.1230em)
font physically down to the size of the 13px font you see in that image. Even 
with no font smoothing that means a much higher apparently quality font due to 
all those extra px packed into the smaller space. It's just one
reason why IE people using high resolution get frustrated by pages that set 
sizes in px. Not only are the fonts unresizable and too small, but also the 
much better quality that is available is simply not utilized.
-- 
"The Lord is my strength and my shield; my heart trusts in him,
and I am helped."   Psalm 28:7 NIV

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

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

Re: [css-d] fixed on refresh

[David Hucklesby]

Hi Tanya,

On Thu, 28 Sep 2006 09:39:30 -0400, Tanya Renne wrote:
[...]
>
> For example if you visit
> http://www.lucidllc.com/ht/d/sp/i/254/pid/254 in FF IE XP ... the
> masthead at the top of the page (large horizontal image) pops out
> to the right of the container - if you refresh it pops back into
> place.
>
I'm not seeing this on FF 1.5.07 on Win xp. Did you fix it?

(Sorry about the delayed reply - css-d was getting bounced by
my mail server)   :(

Cordially,
David
--


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

[css-d] Smoothing fonts in IE/win

[Eystein Alnaes]

I'm looking for a way to present a visually pleasing font in IE/Win even
when the user hasn't turned on the Make-fonts-smooth or whatever it's called
in Windows these days. I've done some searching and found and found a couple
of sites about embedding fonts.



They are pretty old, so I'm not sure if this is the way to go about it. I'd
be happy if one of the standard fonts which in some fontsize actually looks
half descent.

But this[1] doesn't exactly get my hopes up.

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

Re: [css-d] ie 7 - does it antialias text?

[Michael Geary]

> Subject: Re: [css-d] ie 7 - does it antialias text?
> 
> It does.

Well, not exactly. IE doesn't antialias text, Windows does.

The only thing new in IE7 is that it turns on ClearType for IE windows by
default, even if ClearType is not enabled in the Display control panel. (At
least the beta did - haven't checked the RC.)

Since this has nothing to do with CSS as far as I can tell, let's take any
further discussion offlist.

-Mike

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

Re: [css-d] z-index

[Roger Roelofs]

Travis,

On Sep 28, 2006, at 4:03 PM, Travis Killen wrote:

> I would like the menu (#Menu) to appear 'on top of' (#Content)
> html:http://tylerstrings.com
> css:  
> http://tylerstrings.com/templates/tystrings/css/template_css.css

Thanks for posting the url to your page.  It makes helping so much 
easier.

Unfortunately, some parts of your code are contrary to other parts of 
your code, and when they conflict, different browsers will give 
different renderings.  Therefore, I going to suggest a detour.

First, validate your html.  In your case, that just means removing the 
#searchme span (you can put the id directly on the form).  Second, 
remove all bits of presentation from the html, that includes all the 
style attributes and the center element and transfer that information 
to the css file.  Third, look at the page with css turned off to see if 
it makes sense.  Once you are happy with how the page reads with css 
turned off, re-validate to make sure errors haven't crept in.  Then you 
can add the presentation to the css file.  Reality intrudes on this 
process sometimes, but if you aim for a process like this you page will 
work better on more different kinds of web clients.

In terms of your actual question ( took me long enough to get here :-) 
) the z-index will alter the natural stacking of positioned elements.  
Normally elements that come later in the document will stack on top of 
elements that came before it.  So, in your case, #menu will stack on 
top of #content even without a z-index applied.  Where it gets tricky 
is that each positioned element can serve as a base for a new stacking 
context, and the z-index only applies within the current stacking 
context.  Here's an article that explains the concept better than I can 


-- 
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
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Editing css-based site with Microsoft Front Page?

[Duncan Hill]

On Sun, 01 Oct 2006 09:20:11 +0100, Mari Sysimies <[EMAIL PROTECTED]> wrote:

> Do anybody have an experience about editing css-based site with Microsoft
> Front Page?
>
> I have a client who wants to use FP in future to update the site I've
> created.
> I'm designing the site now, and it just came up my mind that what if  
> there
> is a huge chaos in the page in FP prewiev
> And how she can use(/select) styles in FP to style for example floating
> images?
> Are there some kind of drop-down menu to select styles?
>
> (I will do my best to get site xhtml- and css-code validated.)
>
> I'd really appreciate if somebody could answer me.
> Sorry my bad english.
>
> Mari

Hi Mari

Frontpage up to FP2003 does not have CSS support built in though software
such as Topstyle can be integrated. The successor to Frontpage is
Expression Web Designer that is available as a Beta release from
Microsoft. It has comprehensive CSS support built in.
The Microsoft website will have a download link.

Duncan
-- 
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stationary Image Problem

[Duncan Hill]

Hi again Fabienne,
I knew I would do one obvious mistake at least in the code I gave,

The line background-position: bottom left; should of course read as

background-position: left bottom;

Best wishes

Duncan
-- 
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stationary Image Problem

[Duncan Hill]

On Sat, 30 Sep 2006 22:14:11 +0100, Fabienne <[EMAIL PROTECTED]> wrote:

> I am trying to create a web page with an image which would remain
> stationary while you scroll up and down the page. I want the image to be
> on the left hand side of the page and it would be great if I could get
> it to rest on the bottom of the viewer's browser screen no matter what
> their screen resolution is.
>
> Here is the html of the page: http://www.possets.com/scent/newmain4.html
> Here is the css:http://www.possets.com/scent/newscent4.css
> The element I am trying to apply to this problem is #possetlady2
> The image I want to have on the left hand side of the page is
> venusonhalfshell.gif
>
> I can't get her to appear in my browser (latest Firefox). She appears
> about 500 px away from the left hand side of the browser window and
> directly under the upper menu in the latest IE, behind the text, not the
> way I want her to be seen. My resolution is 1024 x 768. I am using Top
> Style Pro to make up the html and css.
>
> I want her to be on the left side of the screen, and out of the way of
> the company logo (in the upper left side).
>
> Thank you in advance for any help you can give me on this. I am just
> spinning my wheels at the moment.
>
> --Fabienne
>
>
Hi Fabienne

I am learning as I go, but first check your html, you have an extra
 and  in there to mess things up, and then try placing your
image as a background-image in your body style declaration in your CSS
something like:

body{
background-image: url(venusonhalfshell.gif);
background-attachment: fixed;
background-position: bottom left;
background-repeat: none;
}
I haven't used the shorthand notation because I am not that sure of myself
and it lets you see more easily what is going on.
It can be combined with your existing style block apart from maybe the
html part of your declaration.
If you put it on any other div than the body, varieties of IE will not
honour the fixed position and will scroll it.
Hope in my newness I haven't given you anything ropey, but it might get
you in the direction you are looking for.

Duncan
-- 
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Safari & Opera bug, changing link color from white to red!

[Duncan Hill]

On Fri, 29 Sep 2006 21:21:36 +0100, GypsiiRose Baptiste
<[EMAIL PROTECTED]> wrote:

> Safari and Opera are displaying my white text links at the top of the  
> page
> (in the dark orange bar) in red!
> Any suggestions?  The CSS for those links is in the nav.css file listed
> below.
>
> Here is the page:
> http://iskippedlunch.com/new/browser_test/index.php
>
> Here is the CSS:
> http://iskippedlunch.com/new/browser_test/styles/shfb_basic.css
> http://iskippedlunch.com/new/browser_test/nav.css
>
> Thanks!
> Rose
>
> PS, I posted earlier about a sidebar problem, but I think it is fixed. If
> anybody still sees the content pushed down in that green sidebar (most
> likely in IE) please let me know :)


You have quite a lot of errors in yout html coding, I would suggest that
you get it closer to validating before you do any more on the CSS, for
example you have a  tag but it has not been opened and there are
multiple Doctype statements through the  ...  section, only
one is allowed and it should be the first line of the page. (check your
method of includes)

Duncan
-- 
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Safari & Opera bug, changing link color from white to red!

[GypsiiRose Baptiste]

Thank you! removing the non-existant stylesheet tag and taking the extra
code out of the includes made the difference.
Much apreciated!

>
>
> For whatever reason, Opera shows red because it can't load
> "styles/main_includes.css" (and later on "styles/shfb_basic_white.css").
>
> You have multiple DOCTYPE and  sections - validate and fix up the
> errors and you should be right.
>
> HTH,
> --
> Andrew Gregory, mailto:[EMAIL PROTECTED] >
> http://www.scss.com.au/family/andrew/ >
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Adding a top border makes DIV snap to the top. Why?

[Roger Roelofs]

Matt,

On Sep 28, 2006, at 10:18 AM, Matt Dawson wrote:

> Here's a very basic question. I've set up a very basic example html 
> file
> attached to this email.
Attachments are stripped before the email is sent on to list members.  
If you could post page page and send us the url, we could see what you 
mean.

> if I delete the red border on the content column, the column unsnaps
> from the top of the body.  Why is that?
My best guess is 'Collapsing margins'.  When 2 margins 'touch' they are 
allowed to overlap.  This includes the margins of elements that are 
inside each other.  For example if you have something like this


   Header 1


The margin for the h1 can stick out the top of #header.  which will 
look like extra white space above #header.  Adding padding or borders 
to #header will keep the h1 margin from touching any other margin 
outside of #header and this will force the #header to grow to contain 
the h1 margin.

Clear as mud, right?  Here's a good article.


hth
-- 
Roger Roelofs

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

Re: [css-d] 4 in a Header

[~davidLaakso]

Ooops. This was a personal note that was meant to go off-list. Sorry.
~dL
PS And you really are not doing all that bad in ie, Tedd.


~davidLaakso wrote:
> Ted wrote:
>> I've implemented the header into the page and it looks pretty 
>> good  (at least on a Mac).
>> http://nexel.superiorshelving.com/test-files/fixed/fixed.shtml
>> http://nexel.superiorshelving.com/test-files/fixed/fixed.css
>>   
> If think the header looks good on a Mac,  you ought [...trimmed] :
>


-- 
http://chelseacreekstudio.com/

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

Re: [css-d] Rotating an image in CSS

[Arian Hojat]

On 10/1/06, Nate Kresse <[EMAIL PROTECTED]> wrote:
> It's not rotating, just compressing horizontally.

doh, I dont even think about non-css ways of doing design nowadays lol
yeh, u r right, i guess its just set in the html code with a table width=100%.
thanks.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Editing css-based site with Microsoft Front Page?

[Mari Sysimies]

>>Mari Sysimies wrote:
>>I have a client who wants to use FrontPage in future to update the site
I've created.

Hi,
thaks to everybody who answered to me :)
I will reply to all of You at the same time:

>Gabriele Romanato wrote:
>If you use Frontpage you should often take a look at the code

I think I explained the situation little bit badly (not a suprise :)).
I'm not using FP myself, I had never had that program. My client uses it.
(I use Dreamweaver and HTML-Kit and I write most of the code by myself.)

>Duncan Hill wrote:
>The successor to Frontpage is
>Expression Web Designer that is available as a Beta release from
>Microsoft.

Thank You Duncan, I will recommend that to my client.

>Karey Cummins wrote:
>I don't have any problems with CSS sites in FrontPage 2003, but I'm used to
>the way the pages display/Any version earlier than FrontPage
2003.../...
>After you save, go to File > Preview in Browser

Thanks for tips, Karey. I hope my client has newest version of FP :)

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

Re: [css-d] 4 in a Header

[~davidLaakso]

Ted wrote:
>> Take a look at div#headercontainer on this page http:// 
>> www.outprize.com/
>> Something like this?:  http://test.dragonzreef.com/headertest.htm
>> 
>
>   Many thanks to Dino and Andy for their links, especially Andy since  
> it looks like he went out of his way to create a demo for me!
>
>   I've implemented the header into the page and it looks pretty good  
> (at least on a Mac).
> http://nexel.superiorshelving.com/test-files/fixed/fixed.shtml
> http://nexel.superiorshelving.com/test-files/fixed/fixed.css
>   
If think the header looks good on a Mac, you ought to see the page in 
the world's most popular Web browser :-P .
> But there are a few things I need to fix.
>   
You can say that again.
>
> Thanks,
>   
For what?
> Ted
>
>   
Your former friend.
~dL

-- 
http://chelseacreekstudio.com/

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

Re: [css-d] Stationary Image Problem

[~davidLaakso]

Fabienne wrote:
> I am trying to create a web page with an image which would remain 
> stationary while you scroll up and down the page. I want the image to be 
> on the left hand side of the page and it would be great if I could get 
> it to rest on the bottom of the viewer's browser screen no matter what 
> their screen resolution is.
>
> http://www.possets.com/scent/newmain4.html
> http://www.possets.com/scent/newscent4.css
>
> --Fabienne
You might use this method  .
And you might give Botticelli credit.
Best,
~dL

-- 
http://chelseacreekstudio.com/

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

Re: [css-d] Adding a top border makes DIV snap to the top. Why?

[Gunlaug Sørtun]

Matt Dawson wrote:
> Hello all -
> 
> Here's a very basic question. I've set up a very basic example html 
> file attached to this email.

Attachments don't get through on css-d. Launch a page and give us a link.

> In most pages, I would in fact these elements to behave just as they 
> are here - the content column is centered and is "snapped to" the top
> of its parent, the "body" element.

You're probably seeing the effect of 'collapsing margins'...

If so, then a 'padding-top: 1px;' will give you the same effect.

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

Re: [css-d] Safari & Opera bug, changing link color from white to red!

[Andrew Gregory]

On Sat, 30 Sep 2006 04:21:36 +0800, GypsiiRose Baptiste  
<[EMAIL PROTECTED]> wrote:

> Safari and Opera are displaying my white text links at the top of the  
> page (in the dark orange bar) in red!
> Any suggestions?  The CSS for those links is in the nav.css file listed 
> below.
>
> Here is the page:
> http://iskippedlunch.com/new/browser_test/index.php
>
> Here is the CSS:
> http://iskippedlunch.com/new/browser_test/styles/shfb_basic.css
> http://iskippedlunch.com/new/browser_test/nav.css

For whatever reason, Opera shows red because it can't load  
"styles/main_includes.css" (and later on "styles/shfb_basic_white.css").

You have multiple DOCTYPE and  sections - validate and fix up the  
errors and you should be right.

HTH,
-- 
Andrew Gregory, mailto:[EMAIL PROTECTED] >
http://www.scss.com.au/family/andrew/ >
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie 7 - does it antialias text?

[Jan Brasna]

It does.

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

Re: [css-d] Aligning text field

[Portman]

Why don't you put the text fields in a box and the text in another box 
and float them next to each other at a certain distance?

Riva

Mário Gamito wrote:
> Hi,
>
> How can i in this page:
> http://www.gamito.org/wizard.php
>
> left align the text fields (dotted) at left in a certain distance from
> the text at its left ?
>
> Any help would be appreciated.
>
> Warm regards,
> Mário Gamito
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Best wawy to overlay images on a background

[Roger Roelofs]

Scott,

On Sep 27, 2006, at 7:56 PM, Scott Haneda wrote:

> I have a
> 
Clear all doesn't exist.  add clear: both; to your .footer css.

> Works fine, however, that image, has a need for me to drop in 4 logos 
> and
> some type in the middle of it.  I am hesitant to put the images in the
> background image, as they need to be changed at times, and also a are 
> href
> links.
Yes, you can put a div inside another.  You are correct to want to 
avoid adding these images to the footer.jpg.  The rule of thumb is that 
decoration images go in the css and content images (logos and photos 
that go with the test and links and such) should be img elements in the 
html.

The best way to position these images depends on what you are trying to 
do.  Sometimes absolute positioning is the way to go in a tightly 
controlled space like this.  It's usually my last resort, however.  Is 
there a url to a test page available?

hth
-- 
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
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Stationary Image Problem

[Fabienne]

I am trying to create a web page with an image which would remain 
stationary while you scroll up and down the page. I want the image to be 
on the left hand side of the page and it would be great if I could get 
it to rest on the bottom of the viewer's browser screen no matter what 
their screen resolution is.

Here is the html of the page: http://www.possets.com/scent/newmain4.html
Here is the css:http://www.possets.com/scent/newscent4.css
The element I am trying to apply to this problem is #possetlady2
The image I want to have on the left hand side of the page is 
venusonhalfshell.gif

I can't get her to appear in my browser (latest Firefox). She appears 
about 500 px away from the left hand side of the browser window and 
directly under the upper menu in the latest IE, behind the text, not the 
way I want her to be seen. My resolution is 1024 x 768. I am using Top 
Style Pro to make up the html and css.

I want her to be on the left side of the screen, and out of the way of 
the company logo (in the upper left side).

Thank you in advance for any help you can give me on this.

--Fabienne



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

[css-d] Editing css-based site with Microsoft Front Page?

[Mari Sysimies]

Do anybody have an experience about editing css-based site with Microsoft
Front Page?

I have a client who wants to use FP in future to update the site I've
created.
I'm designing the site now, and it just came up my mind that what if there
is a huge chaos in the page in FP prewiev
And how she can use(/select) styles in FP to style for example floating
images?
Are there some kind of drop-down menu to select styles?

(I will do my best to get site xhtml- and css-code validated.)

I'd really appreciate if somebody could answer me.
Sorry my bad english.

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

[css-d] Why doesn't border-top in my footer work in IE?

[Dan Kletter]

I finally gave my website a CSS reboot:

http://esophagus.com/htdb/menche/

Coming from a print design background, I'd appreciate some
constructive feedback.

Most importantly, I've looked at the website on my friend's PC with IE
and the one thing I just can't figure out is why the border-top in the
footer doesn't display. Why does it work in Safari/Firefox but not IE?

Thanks,

--dk


Yes.  Beautiful, wonderful nature.  Hear it sing to us: *snap*  Yes.  natURE.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Rotating an image in CSS

[Arian Hojat]

I know its not pissible but this page seems to do at least something similar...
I was trying to figure out how the background diagonal image on this
page seems to rotate when browser window is made small
(http://epitonic.com/).
I couldnt find it in the css. the image is
http://epitonic.com/images/patterns/background_diag.gif
and if you notice, if you make the browser window really small, it
seems to rotate the angle of the image. Anyone got an idea?

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

[css-d] Image Attributes Question

[Byronsbyte]

Greetings again everyone!

Can you tell me if there's a way to define an image's width and height 
directly within the CSS definition? It would solve a few things for me if I 
were 
able to do so.

Thanks so much.
Mary


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

[css-d] IE Background Image in TR Repeating

[Byronsbyte]

Greetings all,

IE seems to be repeating my TR background even though I've specified 
no-repeat and I can't figure out why. I don't do my layouts in tables anymore 
but I've 
been asked specifically to do it this way and I have no earthly clue as to 
why IE would behave this way. I'd appreciate any help at all!

Thanks so much.
Mary

The URL is here: 

http://www.byronsbyte.com/sample/index.html

And here's the source:


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


Travel & Tips







 
Ipsa lorem
  
  





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

[css-d] Stationary Image Problem

[Fabienne]

I am trying to create a web page with an image which would remain 
stationary while you scroll up and down the page. I want the image to be 
on the left hand side of the page and it would be great if I could get 
it to rest on the bottom of the viewer's browser screen no matter what 
their screen resolution is.

Here is the html of the page: http://www.possets.com/scent/newmain4.html
Here is the css:http://www.possets.com/scent/newscent4.css
The element I am trying to apply to this problem is #possetlady2
The image I want to have on the left hand side of the page is 
venusonhalfshell.gif

I can't get her to appear in my browser (latest Firefox). She appears 
about 500 px away from the left hand side of the browser window and 
directly under the upper menu in the latest IE, behind the text, not the 
way I want her to be seen. My resolution is 1024 x 768. I am using Top 
Style Pro to make up the html and css.

I want her to be on the left side of the screen, and out of the way of 
the company logo (in the upper left side).

Thank you in advance for any help you can give me on this. I am just 
spinning my wheels at the moment.

--Fabienne


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

[css-d] wierd (but familure) CSS glitch in IE

[Denise Hartmann]

Does anyone know why 2 of the pages on my ecommerce site
http://www.biddymurphy.com/specials.html and this page too -- 
http://www.biddymurphy.com/fragrance.html
sometimes load below the bottom of the content in the left column. Not
always and they snap up in the right place if you roll over something and
then never do it again on that visit to the site.

It only happens on these 2 pages.

I seem to imagine having a similar problem once before, but I have forgotten
it. This darn site is completely constructed from smarty templates. I hate
smarty, don't you?

Thanks for the help,
Denise


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

[css-d] Site check, please

[Ricardo Mestre]

Hello all,

I've done a small site using Mambo, but trying to conform to standards.
Can you please check it? 

It's http://parqueviscondesetubal.com

Thanks in advance,

Ricardo Mestre
--
| Comida. Abrigo. Roupa. Net. Bighelga.com  
| http://www.bighelga.com   
--

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

Re: [css-d] positioning help

[francky]

raumin dehghan wrote:

>Hi folks
>Thanks very much for responding to my message a few days ago.
>
>Following up - here is the complete code.
>[...]
>I am trying to get layer 3 - which is under layer 2 - to be wider; layer 1 is 
>longer and to the left of both.
>
>thanks,
>Raumin Dehghan
>
Hi Reaumin,
I think you have to make a 2 column design. In the right part you can 
get the 2 boxes with an equal width.
There's a lot to read/chose:

* see css-d Wiki page TwoColumnLayouts
  

Based on your code: as one of the 5,000 possibilities  :-) this example 
testpage 
.
(tested and working in FF1.07 and IE6).

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

[css-d] Safari & Opera bug, changing link color from white to red!

[GypsiiRose Baptiste]

Safari and Opera are displaying my white text links at the top of the page
(in the dark orange bar) in red!
Any suggestions?  The CSS for those links is in the nav.css file listed
below.

Here is the page:
http://iskippedlunch.com/new/browser_test/index.php

Here is the CSS:
http://iskippedlunch.com/new/browser_test/styles/shfb_basic.css
http://iskippedlunch.com/new/browser_test/nav.css

Thanks!
Rose

PS, I posted earlier about a sidebar problem, but I think it is fixed. If
anybody still sees the content pushed down in that green sidebar (most
likely in IE) please let me know :)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site Check

[Daniel Klug]

Hi All!
Could I please get a site check?
http://www.lamerstreet.com
http://www.lamerstreet.com/style/soLame.css

Thanks!

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

[css-d] Fw: is there anyway to apply his to a background image?

[ross]

I am using this for ie..

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='about.png');"


This is fine but I want to make about.pgn a background image. Any ideas?



If not is there anyway to get a transparent  bg image in ie?





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

Re: [css-d] 4 in a Header

[Ted]

> Take a look at div#headercontainer on this page http:// 
> www.outprize.com/
> Something like this?:  http://test.dragonzreef.com/headertest.htm

Many thanks to Dino and Andy for their links, especially Andy since  
it looks like he went out of his way to create a demo for me!

I've implemented the header into the page and it looks pretty good  
(at least on a Mac).
http://nexel.superiorshelving.com/test-files/fixed/fixed.shtml
http://nexel.superiorshelving.com/test-files/fixed/fixed.css

But there are a few things I need to fix.

1] The text links in the navBar div are aligned to the bottom but the  
graphics seem to be center aligned vertically.  How can I center  
align the text?
vertical-align:middle doesn't seem to work.

2] the searchBox div needs to be broken up some more, but I'm not  
sure how to do a div within a div within a div (or even if it's OK to  
do so).  They need to be lined up like on this page:
http://nexel.superiorshelving.com/pages/solid.shtml

3] When you scroll down the page, you'll see some of the text show  
through between all the divs.  I appears to be 1 pixel or so.  There  
should be no gaps between any of the divs in the header.  How can I  
stop that from showing, without giving the entire header a white  
background?  (I want to keep the space below the navBar transparent.

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

[css-d] is there anyway to apply his to a background image?

[ross]

I am using this for ie..

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='about.png');"


This is fine but I want to make about.pgn a background image. Any ideas?



If not is there anyway to get a transparent  bg image in ie?





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

[css-d] Aligning text field

[Mário Gamito]

Hi,

How can i in this page:
http://www.gamito.org/wizard.php

left align the text fields (dotted) at left in a certain distance from
the text at its left ?

Any help would be appreciated.

Warm regards,
Mário Gamito

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

[css-d] positioning problem in IE6

[Guillaume Bokiau]

Hello,

http://mazara.4project.be/2/

Please compare the lower-left temple-image on IE and on other browsers. 
Anyone care to explain what exactly is going on there? It seems IE both 
falsly interprets the width and the negative margin. Or is it the 
background-image? I'm lost.

And you might also want to admire that wonderful semi-transparant png 
degradation. (hears a few laughs) Ok, i'll never ever show off again 
when writing to css gurus.

Thanks for the help!

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

Re: [css-d] Display block?

[~davidLaakso]

Tanya Renne wrote:
> I'm having trouble getting the top navigation of a site to behave.
> http://www.orchidsuites.net/lucid/lucid3.html
> -Tanya-
You've got a complicated little package on your server.
Cursory tested only in xp ie/6.0, ff, and opera.

~dL


-- 
http://chelseacreekstudio.com/

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

Re: [css-d] IE6 bezerks

[Mário Gamito]

Hi,

I don't own a Mac to check in Safari :(
Yes, the dotted line is right.

Warm Regards,
Mário Gamito

Dave Pierce wrote:
> M?rio Mainly reMarked...
> 
>> Does anyone knows i this page
>> http://192.168.181.130/wizard.php
>>
>> renders nicely in Firefox and completelly bezerks in IE6 ?
>>
>> The URL is:
>> http://www.gamito.org/wizard.php
> 
> M?rio,
> 
> In Safari, the top of the form is cuts off the words "CREATE MYSQL  
> DATABASE" right at the top edge of the blue form border. Renders OK  
> in Firefox, except, not sure if this is intentional, but the form  
> input windows are borderless, with just a dotted line at the bottom  
> of each.
> 
> Dave Pierce
> 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

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

[css-d] Aligning text field

[Mário Gamito]

Hi,

How can i in this page:
http://www.gamito.org/wizard.php

left align the text fields (dotted) at left in a certain distance from
the text at its left ?

Any help would be appreciated.

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

[css-d] browser check please, safari and some IE weirdness

[GypsiiRose Baptiste]

Hi all,
I've done some browsercam captures, and it looks like in some IE versions
and also Safari I've got a bit of weirdness in how the css displays.
The problem in IE seems to be that some versions display the green sidebar
content (on the right) pushed down quite far. (that would be the grocery bag
etc.)
In Safari, the top nav bar displays the text in RED!  Why??  (it is supposed
to be white on orange)
This is what I've noticed from the browsercam captures, but it is a little
difficult to see everything, so I'd appreciate anybody else's input who can
check it firsthand and perhaps have some suggestions!

Here is the page:
http://iskippedlunch.com/new/browser_test/index.php

Here is the CSS:
http://iskippedlunch.com/new/browser_test/styles/shfb_basic.css
http://iskippedlunch.com/new/browser_test/nav.css

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

[css-d] minimum height on a box in IE?

[sam foster]

This is so simple I must be missing something. But I have this div,
that I want to give a minimum height of 1px. It may or may not get any
content in it, and I want it to collapse up if its empty.
IE 6 doesnt of course support min-height, so for now I'm using height:
1px. But even this simple case fails:
http://www.sam-i-am.com/work/sandbox/css/iestubbornbox.html

Is anyone else seeing it as ~19px high? I do need to set some height
to give it layout, but 19px is really too much. This is presumably
something to do the default height of an implied line-box? I cant
fiddle with line-height, as this div will sometimes get content. Any
other thoughts? This isn't a IE quirk I've come across before. (And
speaking of quirks, both quirks/standards mode rendering display the
same)

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

[css-d] Site check and specific IE issues

[Scott Haneda]

So far I am doing pretty good on Firefox and Safari, IE 6 which I have
access to does some strange stuff. I don't know if I should even try to make
ie7 work, since it is pre-release?

url:
http://www.newgeo.com/web/shots/index.html

Css:
http://www.newgeo.com/web/shots/style.css

The specifics in IE 6 are on the left navigation, there is a .sep I am
using, it is a 5px tall by 150px wide image, all other browsers seem to
honor my 5px tall setting, IE6 shows a lot of white for some reason.  I can
just put the image in there, but would like to use a div to make it cleaner
and less repetition.

The nav images on the left and 4 logos at the bottom are png's with
transparency in order to deal with the gradients of this fugly site.  Ie6 is
not supporting png properly?  Are there workarounds?  The logos should blend
into the background.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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

[css-d] UL pushed down and to the right

[Waz & Elle Meredith]

Hey,

I created a map with points of interest on it using an .
I defined the  as position: relative; so I could position my points
absolutely and the actual map is in the background.

It works great on every browser besides IE. (IE7 is good, IE6 is not,
haven't even dared to check IE5).
In IE6 my map is pushed down and to the left.
The map is at: http://waznelle.com/td/v1.php?page=divesitesmap

Would you know why this happens?
TIA,
Elle
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE: DIVs don't extend the whole desired width

[Charles Blaquière]

At http://02.infocopa.com/test.html is a page describing my problem, with 
screen shots and everything. The problematic test document is at 
http://02.infocopa.com/toto.html .

It's an IE problem where divs don't extend the whole desired width. (Two 
versions of the problem, each affecting a different div or set of divs)

Thanks for your help! 

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

[css-d] z-index

[Travis Killen]

I am working on the site tylerstrings.com

I would like the menu (#Menu) to appear 'on top of' (#Content)
html:http://tylerstrings.com
css:  http://tylerstrings.com/templates/tystrings/css/template_css.css

Thanks for the help.

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

Re: [css-d] 3 column, stumped, can not get alignment

[francky]

~davidLaakso wrote:

>Scott Haneda wrote:
>  
>
>>http://www.newgeo.com/web/css/var/index.html
>>
>>There is the header logo, which is centered, and working how I want it,
>>regardless of browser width, it does what is needs to do.
>>
>>I need to get left.jpg and right.jpg to line up with that header and behave
>>the same way.  Sometimes I get close, a px or so off on one side, others, as
>>you can see now, are just way off.
>>
>>Can someone help me beat this into shape?
>>  
>>
>>
>I think the whole ball of wax needs to be in one container. The side 
>column images are different widths which contributes to the problem. 
>This does not resolve all issues, but perhaps it may, at least, help get 
>you started.
>
>Best,
>~dL
>  
>
Hi Scott,
I agree with David: all in one wrapping container is the best, then no 
parts can escape.
As a contribution following the discussion in your earlier topic "Body 
background not working" I've made a testpage too. I didn't expect you 
made a new topic/question about the same, and "working from the oldest 
topic" I didn't see this newer topic and David's page before I finished.

Anyway, here is another testpage 
.
It has the blue background color of your first question. I combined the 
general background image with the left/right-column background image, 
and added a kind of footer image to get everything complete at the 
bottom of the page. [1]
Also a beginning, has to be fine tuned here and there.

If there are differences in the model (I've to see yet the source code 
of David's page), you have the choice!  ;-)

Greetings,
francky

[1]
As the height of the middle part can change (amount of text, 
font-scaling), the connection between the general background and the 
"footer background" cannot be pixel precize, according to the left and 
right "TV-lines". If you blur the footer image a bit at the top, the 
difference (sometimes none, sometimes 1px and sometimes 2px) is not so 
obvious.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Body background not working

[Daniel Klug]

Scott Haneda wrote:
>> the only suggestion i have is to be sure you're declaring your style right.
>>
>> 
>> /* stuff */
>> 
>>
>> i guess another thing might be to declare the background properties in
>> the order set forth by the w3c.
> 
> Ok, did all that, even took it to the most basic:
> body {
> background-color: red;
> background-image: url(yel.jpg); 
> background-repeat: no-repeat;
> 
> }
> 
> Yel.jpg is a 20x100 image, I end up with a 100% yellow page, which the image
> is made of yellow. Yet I have no repeat set, so making even less sense

Don't forget to enclose your style in comments if embedded in the document:





And set a DocType. You never know.

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

[css-d] IE and Negative Margins

[L. Robinson]

Greetings,

I have a background image on nav headings which I wanted to pop outside 
the container a bit here: www.hobieb2b.com and used a negative margin, 
thinking that should be plenty.

Half the little footprint disappears in IE6, however. (All's well in FF, 
Opera and IE7.)

I've covered a lot of articles about negative margins and can't seem to 
find a solution to this one.

Any pointers would be most appreciated.

Regards,

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

[css-d] Adding a top border makes DIV snap to the top. Why?

[Matt Dawson]

Hello all -

Here's a very basic question. I've set up a very basic example html file
attached to this email.  In it and the css file also attached, you'll see
that I'm setting up a centered content column with a fixed width of 500px
and fluid borders.

In most pages, I would in fact these elements to behave just as they are
here - the content column is centered and is "snapped to" the top of its
parent, the "body" element.

But if I delete the red border on the content column, the column unsnaps
from the top of the body.  Why is that?

I know the example html file is very basic, and something about its
simplicity probably explains this behavior.

Oh, I'm viewing in Firefox 1.5.

Thanks for your help!

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

[css-d] fixed on refresh

[Tanya Renne]

I've had this problem before and I'm sure there is a fix for it - but 
I'll have three columns or rows lined up inside a container and in some 
browsers (usually firefox but not always) when you hit the page one of 
the blocks rest outside the container - when you refresh it pops back 
into place.

For example if you visit http://www.lucidllc.com/ht/d/sp/i/254/pid/254 
in FF IE XP ... the masthead at the top of the page (large horizontal 
image) pops out to the right of the container - if you refresh it pops 
back into place.

-- Tanya
--
Tanya Renne, CEO, ORCHID SUITES, Inc.
Your technology partner supporting professional services and client delivery.
Washington, DC  - (877) 255-4300

   

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

[css-d] ie 7 - does it antialias text?

[ross]

Anyone know?

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

[css-d] Browser behavior with unknown tags or attributes?

[Fred Janon]

Hi,

I went through the HTML spec without finding the description of what
the browsers behavior should/must be regarding tags or attributes they
don't understand. I did a quick experiment like this:



Hello



and to my surprise instead of ignoring the  and 
alltogether and showing the  content, the browser did not display
the content between  and .

I am working on having some proprietary tags and I need to know what
the specs say about non standard tags.

Any idea of where it is specified?

Thanks

Fred

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

Re: [css-d] 3 column, stumped, can not get alignment

[Roger Roelofs]

Scott,

On Sep 27, 2006, at 5:29 PM, Scott Haneda wrote:

> I have been asked to make a 3 column, fixed, non fluid layout, that 
> has some
> pretty tight tolerances.  I have been at this a few hours now, and I 
> am just
> not getting it where I need to be.
>
> http://www.newgeo.com/web/css/var/index.html
>
> I need to get left.jpg and right.jpg to line up with that header and 
> behave
> the same way.  Sometimes I get close, a px or so off on one side, 
> others, as
> you can see now, are just way off.

You can get close, but you will pull your hair out trying to get pixel 
perfect line-up.  It will work better if you make an image that 
combines left and right and add it to .wrap with a repeat-y.

I'm sending you a copy of your page off-list with some other changes.
-- 
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
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Body background not working

[TuteC]

Really weird. When I open the CSS editor in FF, it disables all the
background images. Weird! What I´m trying to say (couldn´t see red or
yellow in the site) is that, if you open the CSS editor you see red,
then someway the img may be overriding it.

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

Re: [css-d] 3 column, stumped, can not get alignment

[Scott Haneda]

> Scott,
> 
> On Sep 27, 2006, at 5:29 PM, Scott Haneda wrote:
> 
>> I have been asked to make a 3 column, fixed, non fluid layout, that
>> has some
>> pretty tight tolerances.  I have been at this a few hours now, and I
>> am just
>> not getting it where I need to be.
>> 
>> http://www.newgeo.com/web/css/var/index.html
>> 
>> I need to get left.jpg and right.jpg to line up with that header and
>> behave
>> the same way.  Sometimes I get close, a px or so off on one side,
>> others, as
>> you can see now, are just way off.
> 
> You can get close, but you will pull your hair out trying to get pixel
> perfect line-up.  It will work better if you make an image that
> combines left and right and add it to .wrap with a repeat-y.
> 
> I'm sending you a copy of your page off-list with some other changes.

Thanks so much everyone, I seem to be on a fairly nice track.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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

Re: [css-d] 3 column, stumped, can not get alignment

[Scott Haneda]

> Scott Haneda wrote:
>> http://www.newgeo.com/web/css/var/index.html
>> 
>> There is the header logo, which is centered, and working how I want it,
>> regardless of browser width, it does what is needs to do.
>> 
>> I need to get left.jpg and right.jpg to line up with that header and behave
>> the same way.  Sometimes I get close, a px or so off on one side, others, as
>> you can see now, are just way off.
>> 
>> Can someone help me beat this into shape?
>>   
> I think the whole ball of wax needs to be in one container. The side
> column images are different widths which contributes to the problem.
> This does not resolve all issues, but perhaps it may, at least, help get
> you started.
> 
> Best,
> ~dL

Thanks, that's a beautiful start, thanks again
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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

[css-d] Best wawy to overlay images on a background

[Scott Haneda]

I have a 

.footer {
border: 0px solid red;
background-image: url(footer.jpg); 
background-repeat: no-repeat;
width: 1024px;
height: 216px;

}

I use it like so


Works fine, however, that image, has a need for me to drop in 4 logos and
some type in the middle of it.  I am hesitant to put the images in the
background image, as they need to be changed at times, and also a are href
links.

Is there a way to put a div inside another div? If I just start putting the
content into the footer div, and use margins to push it in where I need to,
things start to get hard to keep aligned.

What suggestions, maybe some z-index and put it on a layer, but I have never
don't that before.

thanks
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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