Re: [css-d] page check :: ~dL

~davidLaakso wrote: > Rigorous cross-browser, screen resolution, testing appreciated. > Styles for this test page are hidden from Mac/IE5.2 > CSS embedded. > Famous last words: it looks ok on my end, sort of... > I really like the colours and the design, I wis

[css-d] Can margins be reduced when an H1 is directly above another heading?

I'm sorry that none of our files are for public consumption yet, so I don't have an example to show, but... All pages on our site have an H1 as the page title. We have defined H2-H5 as our four levels of subheads. A top margin is added to these headings to space them from the paragraph/cont

Re: [css-d] Can margins be reduced when an H1 is directly above another heading?

Hi Matt: Poyner, Matt wrote: > So, is there a way through CSS to declare that margins should return to 0 for > H2 in the following case: > > This is Matt's Page > > Introduction > > Or, do I need to create a class for these special occasions? > > I could be wrong, but I think that this is the

Re: [css-d] Can margins be reduced when an H1 is directly above anotherheading?

Poyner, Matt wrote: > A top margin is added to these headings to space them from the > paragraph/content that comes before each one (a normal > convention, I'm sure). > > The problem we run into is when a heading is the first content > on the page (this is the case about 90% of the time) There is

[css-d] bottom border not visible in EI 6.2 WIN

Greetings, This page: http://crcyclists.org//nl/2006/mar-ap/p1.html will not display the bottom border in the #info DIV. It displays OK in FF 1.7 WIN CSS is contained in the header. Ideas? Thanks, -Mike __ css-discuss [EMAIL

[css-d] Why the gap?

I have done some searching and head scratching over this one for a couple of days now. I have the following; /* header */ #header { position: fixed; height: auto; } #header div.left { background-image: url(../grfx/1280_header_left_anim_out_only.gif); background-repe

[css-d] head scratcher in IE (what else?)

Hi all, Pages are here: http://www.readshotel.com/index.php/hotel/about/en/ http://www.readshotel.com/index.php/hotel/about/es/ http://www.readshotel.com/index.php/hotel/about/de/ CSS is here (significant rules are the 4 rules at the very bottom): http://www.readshotel.com/index.php?css=main/cor

Re: [css-d] Why the gap?

[EMAIL PROTECTED] wrote: > I have done some searching and head scratching over this one > for a couple of days now. I have the following; [snip code] > Anyhow, without the "hide from other browsers" section in IE > there is a 3px gap between the left and the right image. (I > have the images as b

Re: [css-d] head scratcher in IE (what else?)

Erwin Heiser wrote: > http://www.readshotel.com/index.php/hotel/about/en/ > http://www.readshotel.com/index.php/hotel/about/es/ > http://www.readshotel.com/index.php/hotel/about/de/ > http://www.readshotel.com/index.php?css=main/core.css > > Does anyone have any suggestions regarding the followi

Re: [css-d] Why the gap?

[snip] Difficult to tell with nothing more than the CSS code. How about a url, so that we can see the HTML code as well as the "circumstances"? [/snip] I will try to post it in a bit. The HTML is... __ css-di

Re: [css-d] bottom border not visible in EI 6.2 WIN

Mike: WV Mike wrote: > At 10:11 AM 3/3/2006 , Rahul Gonsalves wrote: >> Please do validate your pages before posting them on CSS-D. It will >> not only most likely fix the problem, but is also a good practice to >> do so. > > Validation does not always help me. Will you? Gladly. However, I would

Re: [css-d] Why the gap?

[snip] Difficult to tell with nothing more than the CSS code. How about a url, so that we can see the HTML code as well as the "circumstances"? [/snip] http://www.sigmaphinothing.org/template.html Is the one with the /* hide from other browsers \*/ * html .left {margin-right: -3px;} * html .

Re: [css-d] Why the gap?

[EMAIL PROTECTED] wrote: > http://www.sigmaphinothing.org/template.html > > Is the one with the > > /* hide from other browsers \*/ > * html .left {margin-right: -3px;} > * html .right {margin-left: 0;} > /* end hide */ > > Which works in IE. > http://www.sigmaphinothing.org/template2.html has tha

[css-d] IE discrepancy with basic layout

Hi, The following is a fairly simple page layout, but for the life of me I can't figure out why WIN/IE is making the white-space to the right so much wider than other browsers such as FF & Opera.

Re: [css-d] Why the gap?

[snip] To make it appear in other browsers, add a width to #header, and put a colon in the margin-left 270px for div.right ;-) The 3px gap is the 3px jog bug, which can be remedied either by the way you did it, or else like so: /* \*/ * html #header div.right{ position:relative; left:-3px; } [/sni

Re: [css-d] bottom border not visible in EI 6.2 WIN

Mike wrote: >http://crcyclists.org//nl/2006/mar-ap/p1.html >will not display the bottom border in the #info DIV. Rahul Gonsalves wrote: > ... I do see that adding a height > to the #info does cause the border to display, but messes the rest of it > up. A hasLayout bug? That would be something

Re: [css-d] Why the gap?

[snip] Thanks for the insight. These fixes do not work in Mozilla however, the right iamge is still not visible. I'll keep hacking away.[/snip] Also, these fixes do not work in Opera and there are other problems there. Crud. __ cs

Re: [css-d] Why the gap?

[EMAIL PROTECTED] wrote: > Thanks for the insight. These fixes do not work in Mozilla > however, the right iamge is still not visible. I'll keep > hacking away. Which Mozilla is that? It does work in mine (1.7.5 for Linux), as well as in Firebird (pre-FF), *and* in Opera (8.5) on Windows, IE6,

Re: [css-d] Why the gap?

[snip] Which Mozilla is that? It does work in mine (1.7.5 for Linux), as well as in Firebird (pre-FF), *and* in Opera (8.5) on Windows, IE6, IE7, Firefox: [/snip] Mozilla 1.5.0.1 (windows) Opera 8.52 (windows) I don't have a linux box set up with a monitor where I can check it from there. _

[css-d] Which browser do I design for?

The past several days have brought much frustration and leads me to the question, which browser do I design for? I have been designing web sites for over 10 years (I have a programming background) and I have been using CSS, fairly basically, for the past several years. During most of that time I w

Re: [css-d] Which browser do I design for?

most people are going to recommend that you develop for a standards-compliant browser. firefox, opera, safari, etc are good for this purpose. i myself prefer firefox for the truly wonderful extensions that help with debugging css. the wiki has a good page on this: http://css-discuss.incutio.com

Re: [css-d] Which browser do I design for?

Morning Jblanchard wrote > The past several days have brought much frustration and leads me to the > question, which browser do I design for? > Most on this list would agree that it is best to design / code for Fire Fox or Opera and make corrections as needed for IE Best to all Jim Nannery w

Re: [css-d] Why the gap?

on 3/3/2006 10:52 AM Els said the following: > [EMAIL PROTECTED] wrote: > >> Thanks for the insight. These fixes do not work in Mozilla >> however, the right iamge is still not visible. I'll keep >> hacking away. > > Which Mozilla is that? It does work in mine (1.7.5 for Linux), as > well as in

Re: [css-d] bottom border not visible in EI 6.2 WIN

Thanks, That worked. -Mike = At 12:44 PM 3/3/2006 , Ingo Chao wrote: >That would be something like > #info { border-bottom: 1px solid; width: 100%} __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman

[css-d] Circumventing inheritance

I have some navigation where the last item in the navigation needs to have text in a different color. The color of the text is set in #list-menu. I've tried a variety of ways to have this last item in the navigation a different color, and I'm having no luck. I know this is an inheritance problem.

Re: [css-d] Why the gap?

[EMAIL PROTECTED] wrote: > [snip] > Which Mozilla is that? It does work in mine (1.7.5 for Linux), > as well as in Firebird (pre-FF), *and* in Opera (8.5) on > Windows, IE6, IE7, Firefox: > [/snip] > > Mozilla 1.5.0.1 (windows) I'm sure you mean Firefox? That's the same one I have, and it works h

Re: [css-d] Circumventing inheritance

If you give the last an *ID* of 'environet', you can set you colours with: #environet a:link, #environet a:visited, #environet a:hover { color: #FF9933; } as long as this is placed after your main link colour definitions. Read up on 'specificity' on the W3C site to get a handle on this. I h

Re: [css-d] Why the gap?

[snip] I'm sure you mean Firefox? That's the same one I have, and it works here. [/snip] I got it now, I hadn't upload the CSS to all of the places I was looking. *urp* The only tricky little thing is that the footer is below the scrollbar on FF when the browser is not maxed. It is OK in Opera a

Re: [css-d] Why the gap?

[EMAIL PROTECTED] wrote: > http://www.sigmaphinothing.org/template.html > > Is the one with the > > /* hide from other browsers \*/ > * html .left {margin-right: -3px;} > * html .right {margin-left: 0;} > /* end hide */ > > Which works in IE. > http://www.sigmaphinothing.org/template2.htm

Re: [css-d] Gmail's CSS for expanding subject lines

Sorry for the delay on this. Here is a URL you can look at: http://grandmail.youngbloods.org/ It only looks right in Firefox. This is for a class project that is run inside of a client-side browser of our choosing, so we haven't bothered to code for more than one browser. You can see that on t

[css-d] Problem with right column overlap when main contains uncompressible table

Please look here to see what I'm talking about: http://constructioncapitalsource.com/example.html The main column contains a table that is so wide that it can't be compressed further. What I want the right column to do in this case is hug the right-hand side of the main column but not overlap it

[css-d] Problem with image float in Ff

Hello Listers I am having a small problem with this page. http://www.frost-genealogy.co.uk/ftree/index.html The photo is floated to the left, and the div in which it sits inside is set to 100% height, however when viewed in 800 * 600, the div does not expand when you scroll down. Anybody got

[css-d] (no subject)

Got a question, hopefully someone can help. I have an app using XHTML, CSS and tableless design. The page I am having fits with (meaning it works differently in IE/FF/NN/Moz) has 3 columns of data in it, and is broken into sections, and it looks like this (hope the wrap in email does not kill t

[css-d] Disappearing headers when building columns with float

Got a question, hopefully someone can help. I have an app using XHTML, CSS and tableless design. The page I am having fits with (meaning it works differently in IE/FF/NN/Moz) has 3 columns of data in it, and is broken into sections, and it looks like this (hope the wrap in email does not kill

Re: [css-d] (no subject)

Hi Mike, > > Everything works just fine, except in IE6/Win...?The section headers do not > display... BUT, if you scroll up/down, each header that disappears off screen > and then returns will display, or if you wipe your cursor on the screen, they > display, and will kind of stay...but once yo

Re: [css-d] IE discrepancy with basic layout

Mark Kamian wrote: > The following is a fairly simple page layout, but for the life of me > I can't figure out why WIN/IE is making the white-space to the right > so much wider than other browsers such as FF & Opera. Cause: a 130px margin from below is added to the right of the floating 'header

Re: [css-d] Full height and fixed width col issue

I'm still having trouble with understanding full width/height layouts in CSS. Could someone have a look below at my sample and help me clear up my understanding. Thanks. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alec A. Lazarescu Sent: Thursday,

Re: [css-d] Problem with image float in Ff

On 03/03/06, Steve Frost <[EMAIL PROTECTED]> wrote: > > The photo is floated to the left, and the div in which it sits inside is > set to 100% height, however when viewed in 800 * 600, the div does not > expand when you scroll down. > > Anybody got any ideas what could be causing this? It works fi

Re: [css-d] Disappearing headers when building columns with float

Thanks to Olly's timely response to another similar post [Problem with image float in Ff] as well as Prabhath pointing me to the Peekaboo bug, the solution was pretty simple and is detailed below. Added the following in the css file right after declaring #content #content div { width: 58

[css-d] Help with Nav LIs that work in IE6, not in FF

I'm new to the CSS game, fresh from a table lifetime. I hate tables, am in love with CSS... but (you knew there was a "but")... I have a new site design I'm working on at http://clwill.com/new/ The page is index.html, the CSS is in clwill.css. Obviously this is just an instance of my templa

[css-d] More issues...

http://mdh-test.com/egs_new http://mdh-test.com/egs.css IE6 looks fabulous. FF on PC and Mac, Opera, Safari: There's a space between the topgraphic and the content div. If I change the top margin to close it up, I'm afraid the background is going to go up under or over the topgraphic. Opera: Th

Re: [css-d] Problem with image float in Ff

If I add overflow: hidden to the containing div it does resolve the issue, however, it replaces it with another problem, now it does not take the image in to account when applying vertical scrollbars. I have uploaded the modified css so you can see the error. Steve Olly Hodgson wrote: That's

Re: [css-d] Gmail's CSS for expanding subject lines

On 3/3/06, Carl Youngblood <[EMAIL PROTECTED]> wrote: > Sorry for the delay on this. Here is a URL you can look at: > > http://grandmail.youngbloods.org/ > > It only looks right in Firefox. This is for a class project that is run > inside of a client-side browser of our choosing, so we haven't bo

Re: [css-d] Why the gap?

[EMAIL PROTECTED] wrote: >The only tricky little thing is that the footer is below the scrollbar >on FF when the browser is not maxed. It is OK in Opera and IE. > Hi, Another strange thing: at my Win98SE every window size of FF1.07 does display the footer o.k., just above the bottom scrollbar (in

Re: [css-d] More issues...

Theresa Mesa wrote: >http://mdh-test.com/egs_new >http://mdh-test.com/egs.css > > >IE6 looks fabulous. > >[...] >Opera: The links are not changing color. The last link in the nav is >supposed to be a special color. Nada. Works in the other browsers. > > In Linux your links are exactly the same i

[css-d] Trouble implementing CSS Layout design

Hi, Im hoping someone or some people can help me on my first try of a CSS Layout. What I am trying to re-create in CSS Layouts is an Image I originally drew here: http://www.ajglover.net/CSS/Image.jpg So far what I have come up with is this: http://www.ajglover.net/CSS/Temp.html There is thre

Re: [css-d] More issues...

Yeah, I changed that to white. The links are supposed to be yellow only if they've been visited. That's acting funky, so I changed the colors. Any thoughts on the space between the top graphic and the content? On 3/3/06 2:59 PM, "~davidLaakso" <[EMAIL PROTECTED]> wrote: >> > In Linux your links

Re: [css-d] Trouble implementing CSS Layout design

I can't help but think that you are making this overly complicated. Wouldn't this be simpler? text text text then style it so that #top has the top of the box image set as background #content has the gradient as a vertical background image, repeat-x, and then the yellow

Re: [css-d] page check :: ~dL

~davidLaakso wrote: >Rigorous cross-browser, screen resolution, testing appreciated. >Styles for this test page are hidden from Mac/IE5.2 >CSS embedded. >Famous last words: it looks ok on my end, sort of... > >Thanks, >~davidLaakso > > > Many thanks to Els, R

Re: [css-d] Trouble implementing CSS Layout design

Hi Steve, If done like that though, wont the 4 corners also scale as the size is increased? I want the 4 corners to be the same size where the whole thing is 100 x 100, or 500 x 500. Andrew. -Original Message- From: Steve Frost [mailto:[EMAIL PROTECTED] Sent: Friday, March 03, 2006 4:

Re: [css-d] More issues...

Theresa Mesa wrote: >Yeah, I changed that to white. The links are supposed to be yellow only if >they've been visited. That's acting funky, so I changed the colors. > >Any thoughts on the space between the top graphic and the content? > > The space looks the same to me in Linux Opera/8.51 as it

Re: [css-d] More issues...

Well, I pulled the topgraphic and the bottom part together in the same image. That's the background of the wrapper. Now I can just concentrate on futzing with the container so the the whole background image shows at any given time. On 3/3/06 3:21 PM, "~davidLaakso" <[EMAIL PROTECTED]> wrote: >

Re: [css-d] Trouble implementing CSS Layout design

You would be able to scale vertically but not horizontally. Steve Andrew Glover wrote: > Hi Steve, > > If done like that though, wont the 4 corners also scale as the size is > increased? I want the 4 corners to be the same size where the whole thing > is 100 x 100, or 500 x 500. > > Andrew. > >

Re: [css-d] Trouble implementing CSS Layout design

Which wouldn't solve my problems :) -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Steve Frost Sent: Friday, March 03, 2006 4:53 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Trouble implementing CSS Layout design You would be able to scale ve

Re: [css-d] Trouble implementing CSS Layout design

This might be a good place to start http://www.alistapart.com/articles/customcorners/ hth D# Andrew Glover wrote: > Hi, > > Im hoping someone or some people can help me on my first try of a CSS > Layout. > > What I am trying to re-create in CSS Layouts is an Image I originally drew > here: > > h

Re: [css-d] Problem with image float in Ff

Steve Frost wrote: > http://www.frost-genealogy.co.uk/ftree/index.html > > The photo is floated to the left, and the div in which it sits inside > is set to 100% height, however when viewed in 800 * 600, the div > does not expand when you scroll down. > > Anybody got any ideas what could be cau

Re: [css-d] Trouble implementing CSS Layout design

> Im hoping someone or some people can help me on my first try of a CSS > Layout. > > What I am trying to re-create in CSS Layouts is an Image I originally drew > here: > > http://www.ajglover.net/CSS/Image.jpg > > So far what I have come up with is this: > > http://www.ajglover.net/CSS/Temp.h

Re: [css-d] Gmail's CSS for expanding subject lines

Well, Gmail has a feature where the subject lines in the email list don't wrap but just flow underneath the other columns in the list if they are too long. It's not exactly the same but similar. I wish I knew exactly how they were doing it, because I think it's different from what I did. On 3/3/

[css-d] unsubsribe

__ 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://ww

Re: [css-d] page check :: ~dL

Don - HtmlFixIt.com wrote: > ~davidLaakso wrote: > >> ~davidLaakso wrote: >> >>> Famous last words: it looks ok on my end, sort of... >>> >>> Thanks, >>> ~davidLaakso >> > My take: > Too much vertical scrolling required ... hard to therefore get the > proper

Re: [css-d] Trouble implementing CSS Layout design

Andrew Glover wrote: >What I am trying to re-create in CSS Layouts is an Image I originally drew >here: >http://www.ajglover.net/CSS/Image.jpg >So far what I have come up with is this: >http://www.ajglover.net/CSS/Temp.html >Andrew. > > > Some nice stuff from a frequent contributer to css-d that

Re: [css-d] Problem with right column overlap when main contains uncompressible table

Carl Youngblood wrote: > http://constructioncapitalsource.com/example.html > The main column contains a table that is so wide that it can't be > compressed further. What I want the right column to do in this case > is hug the right-hand side of the main column but not overlap it, > causing the

Re: [css-d] Help with Nav LIs that work in IE6, not in FF

Chris Williams wrote: > I have a new site design I'm working on at http://clwill.com/new/ The page > is index.html, the CSS is in clwill.css. Obviously this is just an instance > of my template page that I'm working on, I'll be all over the actual pages > once I get this one nailed. (And y

Re: [css-d] Problem with right column overlap when main contains uncompressible table

>> http://constructioncapitalsource.com/example.html Forgot (it's really late at my end) :-) You should also add... #container{display: table; height: 100%;} ...to keep expansion working on that element. The good browsers use 'display: table' which means 'expand with content' in this context. I

[css-d] building page with 100% divs

I am trying to build a page ... with little current success. Every time I think I have it, it doesn't work. I want this: 1. a background image for the whole page html{ background-image: url(bgtile.gif); background-repeat: repeat; } 2. a body ... body { margin: 0px 0px 0

[css-d] Need help with a few bugs

Hopefully this all works out, it is my first time here. http://www.bloggsworld.com/OWD/LimeLite/index.html http://www.bloggsworld.com/OWD/LimeLite/lime-light.css In IE if you make the text size smaller, the content disappears! In FF, if you resize the text, the Lime-Lite header (h1) doesn't vert

Re: [css-d] building page with 100% divs

Don - HtmlFixIt.com wrote: > I am trying to build a page ... with little current success. Every > time I think I have it, it doesn't work. > I decided that was a bit obtuse ... so let me see if I can build my page one step at a time and get feedback. Step one is here: http://bestfoot.com/dum

[css-d] Pure CSS implementation of Gmail layout?

I'm trying to create a gmail-like layout that works for IE5+ without using javascript (primarily because the new IE looks like it's going to throw up warnings when I embed javascript in the css, but also for the sake of nailing this down with just css): Here's the html and css of my best attempt s

Re: [css-d] List problems IE bad / FF nice

On 3/3/06, Augusto Murri <[EMAIL PROTECTED]> wrote: > > Hi all, > > i've been testing this page for a week but there are some little problems > in IE. > > The page in question is http://194.242.241.199/html/2/scheda_museo.php > > As u can see the list UL in the div#menu_categorie display bad in IE,

[css-d] Font Difficulties and Nav Positioning

Hi Could you have a look at this design for me please? The font size for the nav list has gone mad! I am declaring a font-size of 50% and it is still huge! It also won't sit in the header div properly. Could