Re: [css-d] 100% DIV height in Firefox 2.0
Firefox (and other good browsers) will calculate 'height: 100%' on any
container from its parent. You have forgotten to declare height on
div.shadow, so div.container defaults to 'height: auto'.
Now, if you add the following...
div.shadow {height: 100%; display: table; width: 810px; margin: 0 auto;
border: solid 1px red;}
div.container {display: table;}
...you'll get an immediate, and positive, reaction from Firefox (and
other good browsers). Firefox is slightly behind since (I think) it
supports CSS2 for 'display: table', while Opera and Safari seems to
support css2.1 for that property and expands all elements completely.
Doesn't make much of a difference in most cases.
The important parts are 'height: 100%; display: table;' on div.shadow,
and 'display: table;' on div.container. I put in the rest just for
appearance.
Note that 'height: 100%' not only makes an element expand to that
height, it also _limits_ it to that height. There's where 'display:
table' comes in handy, since that property effectively turns 'height:
100%' into 'min-height: 100%' so the element can keep on expanding if
there's more content.
IE6 will work fine with the additions above - because of its
'auto-expansion' bug. Mode doesn't matter since you have the old
centering-method in there too.
I don't know how IE7 will react, since the 'auto-expansion' bug is
fixed (they say) in that version, but IE7 doesn't support the CSS2/2.1
property 'display: table'.
Here's the test-version...
http://www.gunlaug.no/tos/alien/test_07_1850.html
...so maybe someone will inform me..?
regards
Georg
--
http://www.gunlaug.no
Thank you for your help Georg, and also the explanation of the display:
table property. I have one more question about what you had mentioned
though. You say I'm using the old centering method, so I was wondering if
there a new, more acceptable way of doing it? For what I need this obviously
works fine, but for standards purposes I'm just curious if there's a more
appropriate way of doing it. Thanks again!
Mattu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] calling an image from within the CSS
Hi All,
One the page in the link, www.oneyed.com/mt . I want to be able to make that
image as background in #banner within the CSS file so its the same on all
pages.
After looking at various pages and trying to understand the different types
of coding, I put in this line ( background : url(images/mt2.jpg) #fff; ) and
as I thought it wasnt visible. When the #fff is removed the image appears,
but breaks the page. I want to be able to retain the white background as the
banner covers the width of the page, so the image will have to be centered.
In html you would call it as in this case img border=0
src=images/mt2.jpg width=795 height=59 but I have no idea on how to
translate that into CSS other than what I have tried above, but I am
guessing I have missed some elements to make it visible or with my present
CSS cant do this.
#banner {
background: #fff;
height:75px;
border-top:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
voice-family: \}\;
voice-family: inherit;
height:74px;
}
htmlbody #banner {
height:74px;
}
Kind Regards,
Kevin J. Pledger
_
CONFIDENTIAL CAUTION: The information transmitted is intended only for the
addressee and may contain privileged and/or confidential material. Any
disclosure,
distribution or copying of this message is strictly prohibited. If you are
not the
intended recipient, kindly contact the sender and delete the message. Thank
you.
_
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote: One the page in the link, www.oneyed.com/mt . I want to be able to make that image as background in #banner within the CSS file so its the same on all pages. After looking at various pages and trying to understand the different types of coding, I put in this line ( background : url(images/mt2.jpg) #fff; ) and as I thought it wasnt visible. When the #fff is removed the image appears, but breaks the page. I want to be able to retain the white background as the banner covers the width of the page, so the image will have to be centered. Kevin, The background CSS property is a culmination of several individual properties. Does it work if you set those separately? I.e.: background-image: url(images/mt2.jpg); background-color: #fff; background-position: top center; background-repeat: no-repeat; If you want to put it in one property, browsers tend to be specific about the order of things if you use more than one value. From the CSS spec: background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] See http://www.w3.org/TR/CSS201/colors.html#propdef-background for more information. HTH, Rick. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote: ... After looking at various pages and trying to understand the different types of coding, I put in this line ( background : url(images/mt2.jpg) #fff; ) and as I thought it wasnt visible. When the #fff is removed the image appears, but breaks the page. I want to be able to retain the white background as the banner covers the width of the page, so the image will have to be centered. I think this is the correct structure background: #fff url(images/mt2.jpg) no-repeat top left; The #fff is the background color If you don't place the no-repeat then the img will repeat in both axes. You can also use repeat-x or repeat-y if you want it to repeat in an axis. Top (you can also use bottom or middle) left (or right) is for the placement of the image. You can use pixels instead of words: background: #fff url(images/mt2.jpg) no-repeat 50px 10px; In this case will place the image 50px from the left of the container and 10px from the top. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Rick den Haan wrote: The background CSS property is a culmination of several individual properties. Does it work if you set those separately? I.e.: background-image: url(images/mt2.jpg); background-color: #fff; background-position: top center; background-repeat: no-repeat; If you want to put it in one property, browsers tend to be specific about the order of things if you use more than one value. From the CSS spec: background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] See http://www.w3.org/TR/CSS201/colors.html#propdef-background for more information. Rick, I tried the above and it still wont display. Tried the link you give and get *The URL path in your request doesn't match anything we have available.* Will keep looking and experimenting. Regards Kevin. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Nick Mavros wrote ... I think this is the correct structure background: #fff url(images/mt2.jpg) no-repeat top left; The #fff is the background color If you don't place the no-repeat then the img will repeat in both axes. You can also use repeat-x or repeat-y if you want it to repeat in an axis. Top (you can also use bottom or middle) left (or right) is for the placement of the image. You can use pixels instead of words: background: #fff url(images/mt2.jpg) no-repeat 50px 10px; In this case will place the image 50px from the left of the container and 10px from the top. Nick, Tried this and white background disappeared and still no image. Very frustrating .. Will keep on reading and trying. Thanks for your input. One always keeps learning.. Regards, Kevin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote: Nick, Tried this and white background disappeared and still no image. Very frustrating .. Will keep on reading and trying. Thanks for your input. One always keeps learning.. Regards, Kevin Maybe you got the url wrong. The url you are using url(images/mt2.jpg) it means that the image mt2.jpg is located in a folder images inside the folder where the html file stands. Let me explain more: lets say your file is index.html you have to use the following structure: In the base folder is the index.html and the images folder. And in the images folder is the mt2.jpg. [base folder] index.html [folder images] mt2.img __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote:
Rick den Haan wrote:
See http://www.w3.org/TR/CSS201/colors.html#propdef-background for more
information.
Tried the link you give and get *The URL path in your request doesn't match
anything we have available.*
My bad. http://www.w3.org/TR/CSS21/colors.html#propdef-background that
0 shouldn't have been there
Nick Mavros wrote:
Maybe you got the url wrong.
The url you are using url(images/mt2.jpg) it means that the image
mt2.jpg is located in a folder images inside the folder where the html
file stands.
Actually, the url is relative from the location of the *css* file, not
the HTML.
So, if your structure is like this:
[/]
- index.html
- [/style]
- - style.css
- [/images]
- - mt2.jpg
you should use url(../images/mt2.jpg) in your style.css file. Maybe
that's the problem? I always put single quotes around the url just in
case, so url('../images/mt2.jpg'). Does that work?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
-Original Message-
From: Nick Mavros [mailto:[EMAIL PROTECTED]
Sent: Friday, January 19, 2007 18:40 PM
To: Kevin J Pledger
Cc: 'Css-D Lists'
Subject: Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote:
Nick,
Tried this and white background disappeared and still no image.
Very frustrating ..
Will keep on reading and trying.
Thanks for your input. One always keeps learning..
Regards,
Kevin
Nick Mavros wrote:
Maybe you got the url wrong.
The url you are using url(images/mt2.jpg) it means that the image mt2.jpg is
located in a folder images inside the folder where the html file stands.
Let me explain more:
lets say your file is index.html you have to use the following structure:
In the base folder is the index.html and the images folder. And in the
images folder is the mt2.jpg.
[base folder]
index.html
[folder images]
mt2.img
-
Nick,
My directory structure is this under mt/
scripts/css/
images/mt2.jpg
index.htm
So I am pretty sure that with url(images/mt2.jpg) is correct. I also tried
url(/url/images/mt2.jpg) but still the same result no image showing up.
My CSS for #banner is this now based on your advice and what I read on wc3.
My ordering could be wrong also..
#banner {
background-color: #fff;
background-image: url(images/mt2.jpg);
background-repeat: no-repeat;
background-position: top center;
height:75px;
border-top:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
voice-family: \}\;
voice-family: inherit;
height:74px;
}
htmlbody #banner {
height:74px;
}
Back to the drawing board and more reading.
Thanks again.
Kevin.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Rick den Haan
Sent: Friday, January 19, 2007 19:07 PM
To: 'Css-D Lists'
Subject: Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote:
Rick den Haan wrote:
See http://www.w3.org/TR/CSS201/colors.html#propdef-background for
more information.
Tried the link you give and get *The URL path in your request doesn't
match anything we have available.*
My bad. http://www.w3.org/TR/CSS21/colors.html#propdef-background that
0 shouldn't have been there
Nick Mavros wrote:
Maybe you got the url wrong.
The url you are using url(images/mt2.jpg) it means that the image
mt2.jpg is located in a folder images inside the folder where the
html file stands.
Rick den Hann wrote:
Actually, the url is relative from the location of the *css* file, not the
HTML.
So, if your structure is like this:
[/]
- index.html
- [/style]
- - style.css
- [/images]
- - mt2.jpg
you should use url(../images/mt2.jpg) in your style.css file. Maybe that's
the problem? I always put single quotes around the url just in case, so
url('../images/mt2.jpg'). Does that work?
Hi Rick,
I had tried that already but the minute I try that the code goes from this:
#banner {
background-color: #fff;
background-image: url(images/mt2.jpg);
background-repeat: no-repeat;
background-position: top center;
height:75px;
border-top:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
voice-family: \}\;
voice-family: inherit;
height:74px;
}
htmlbody #banner {
height:74px;
}
To this, I suspect the inclusion of the .. Causes some major heart attack to
the code.
#banner {
border:1px solid #000; background-color: #fff;
background-image: url('images/mt2.jpg');
background-repeat: no-repeat;
height:75px;
voice-family: \}\;
voice-family: inherit;
height:74px; background-position-y:center
}
htmlbody #banner {
height:74px;
}
Very Frustrating
I went through this when I tried simple javascripting ... Look and look for
the error can see it, walk away come back you see that you left out a ' in
the code
Thanks again ..
Kevin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org --
http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 100% DIV height in Firefox 2.0
Matt Fielding wrote:
You say I'm using the old centering method, so I was wondering if
there a new, more acceptable way of doing it? For what I need this
obviously works fine, but for standards purposes I'm just curious if
there's a more appropriate way of doing it.
You already have the correct centering-method for block-elements:
auto-margins, like...
div.container {margin: 0 auto;}
I copied that centering onto the outer container in your layout-example
- div.shadow - but that's just because I wanted to show where the border
were when that element were styled for full height and expansion, as you
asked for originally. Otherwise it doesn't change the centering-method,
it just doesn't give your original auto-margins much room to center on.
Your example also contains the old method for centering in IE/win quirks
mode, like...
body {text-align: center;}
div.container {text-align: left;}
...which rely on IE's proprietary method or old bug, that causes all
child-elements, including suitable dimensioned (less than 100% wide)
block-elements, to be centered within their containers - body in your
case.
Then you have an override on the centered element so the text is
aligned as you want - from the left.
So, you have included both the new and the old centering-method in that
page. I thought you did so on purpose - as I always do, so that's why I
didn't expand on the issue in my original response. Hope the above clear
things up a bit.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote:
I had tried that already but the minute I try that the code goes from this:
#banner {
background-color: #fff;
background-image: url(images/mt2.jpg);
background-repeat: no-repeat;
background-position: top center;
height:75px;
border-top:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
voice-family: \}\;
voice-family: inherit;
height:74px;
}
htmlbody #banner {
height:74px;
}
To this, I suspect the inclusion of the .. Causes some major heart attack to
the code.
#banner {
border:1px solid #000; background-color: #fff;
background-image: url('images/mt2.jpg');
background-repeat: no-repeat;
height:75px;
voice-family: \}\;
voice-family: inherit;
height:74px; background-position-y:center
}
htmlbody #banner {
height:74px;
}
Where did you leave the ..? From your previous post, I understand your
file structure is like this:
mt/index.html
mt/scripts/css/???.css
mt/images/mt2.jpg
If I got that right, you need to go two levels back up from the CSS
file. So change
background-image: url('images/mt2.jpg');
to
background-image: url('../../images/mt2.jpg');
Does that help?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Hi Rick,
I worked it out in between me sending and receiving your reply.
I put in the full url that I was testing from and it pulled in the image. It
was then I realised what you meant and when I put
url('../../images/mt2.jpg') it worked. Don't know why I didn't think of that
in the first place.
My thanks to you and Nick for your patience.
Kind Regards,
Kevin.
_
From: Rick den Haan [mailto:[EMAIL PROTECTED]
Sent: Friday, January 19, 2007 19:37 PM
To: Kevin J Pledger
Cc: 'Css-D Lists'
Subject: Re: [css-d] calling an image from within the CSS
Kevin J Pledger wrote:
I had tried that already but the minute I try that the code goes from this:
#banner {
background-color: #fff;
background-image: url(images/mt2.jpg);
background-repeat: no-repeat;
background-position: top center;
height:75px;
border-top:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
voice-family: \}\;
voice-family: inherit;
height:74px;
}
htmlbody #banner {
height:74px;
}
To this, I suspect the inclusion of the .. Causes some major heart attack to
the code.
#banner {
border:1px solid #000; background-color: #fff;
background-image: url('images/mt2.jpg');
background-repeat: no-repeat;
height:75px;
voice-family: \}\;
voice-family: inherit;
height:74px; background-position-y:center
}
htmlbody #banner {
height:74px;
}
Where did you leave the ..? From your previous post, I understand your file
structure is like this:
mt/index.html
mt/scripts/css/???.css
mt/images/mt2.jpg
If I got that right, you need to go two levels back up from the CSS file. So
change
background-image: url('images/mt2.jpg');
to
background-image: url('../../images/mt2.jpg');
Does that help?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Validating CSS problems.
Hi all, I am trying to validate this site; http://www.neilp.newwavemedia.co.uk/index.html http://www.neilp.newwavemedia.co.uk/stylefile/style1.css The xml now validates thanks to some wonderful help from david Laasko but the css won't. It has this error report; Servlet has thrown exception:javax.servlet.ServletException: Timed out I am guessing it has something to with java script. Is there any way of sisabling javascript so that my css can pass validation? I am trying to validate using; http://jigsaw.w3.org/css-validator/ Thanks, Chris Christopher Blake [EMAIL PROTECTED] 07816163420 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Validating CSS problems.
* Christopher Blake wrote: It has this error report; Servlet has thrown exception:javax.servlet.ServletException: Timed out This is some internal error, there is presumably nothing you can do about it. You should download the style sheet to your computer and use the file upload feature of the validator to check the style sheet. -- Björn Höhrmann · mailto:[EMAIL PROTECTED] · http://bjoern.hoehrmann.de Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de 68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Validating CSS problems.
Christopher Blake wrote: I am trying to validate this site; http://www.neilp.newwavemedia.co.uk/index.html http://www.neilp.newwavemedia.co.uk/stylefile/style1.css It has this error report; Servlet has thrown exception:javax.servlet.ServletException: Timed out It (the w3c validation service) may be tripping on the IE hacks. Create a third style sheet called style4ie.css (or whatever) and include on that sheet the IE hacks only. Link it in the head of the document beneath the other two style sheets using this conditional comments: link href=stylefile/style1.css rel=stylesheet type=text/css title=default / link href=stylefile/zoom.css rel=alternate stylesheet type=text/css / !--[if lt IE 7] link rel=stylesheet href=stylefile/style4ie.css type=text/css / ![endif]-- Thanks, Chris HTH. ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] calling an image from within the CSS
Being curious I visited that page and it did indeed have the properties
listed in the order:
['background-color' || 'background-image' || 'background-repeat' ||
'background-attachment' || 'background-position']
But, at the bottom of that property the example is given:
P { background: url(chess.png) gray 50% repeat fixed }
Which does not follow that order. That, and the fact that it is not
explicitly stated that the order matters, leads me to believe that the order
does not matter.
Of course, that does not mean that some browsers are picky about the order.
I've heard that IE doesn't always follow W3 specs... :)
Just thought I'd throw that out there.
Mike
-Original Message-
The background CSS property is a culmination of several individual
properties. Does it work if you set those separately? I.e.:
background-image: url(images/mt2.jpg);
background-color: #fff;
background-position: top center;
background-repeat: no-repeat;
If you want to put it in one property, browsers tend to be specific about
the order of things if you use more than one value. From the CSS spec:
background: [background-color] [background-image] [background-repeat]
[background-attachment] [background-position]
See http://www.w3.org/TR/CSS21/colors.html#propdef-background for more
information.
HTH,
Rick.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Navigation not showing in IE 6 and other problems - added
Hi all, The URL is: http://www.campbeltowngrammar.org.uk/cgs/index.php/ campbeltowngrammar/index/ I forgot to add also that the 3 pictures on the home page, in IE, the last one goes below the other two for some reason. I have just started building this site and would like to get the navigation working correctly before I go any further. There are a number of problems mostly with the navigation in IE6 - which is the only version I have looked at. 1 There are 3 different navigation sections in the header and in IE the two main ones are not showing up at all and the top links are 'dropping down' from there correct position. Works in Firefox. I have used 'float' and 'clear:both' in the CSS, but it has not helped. 2 In Safari the second nav bar is over to the left not the right were it should be. 3 I cannot get the second and third nav bar to align on the right had side so that 'Parents Resources' and 'School Board' are aligned. 4 In col 2 'Pupil Notice' and 'New Images' are not aligning in Firefox but are OK in safari. Thanks . David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Line-break priorities with nested floats?
Hi guys, I'm afraid I have more general position behaviour questions. div id=1/div div id=2/div div id=3 div id=3a/div div id=3b/div div id=3c/div /div All these divs are float:left, and the second level of divs are enough to make div 3 quite wide. Normally all three level 1 divs fit on one line, but when the viewport is very small div 3 has to clear divs 1 2. At some point this is inevitable, but I would like to make it so that, without adding any repercussive behaviour, the second layer divs should line break as much as possible before div 3 is forced to do so. Any answers? Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Line-break priorities with nested floats?
Barney Carroll wrote: Hi guys, I'm afraid I have more general position behaviour questions. [message trimmed] Any answers? Possibly? A simple generic test page on your home computer to a public server with a clickable link to it in your post. Or does your government spy on that, too :-) ? Regards, Barney Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How can I style a select drop-down list in Zen Cart
On 18-Jan-07, at 11:28 PM, ~davidLaakso wrote:
Rob Stevenson wrote:
Site: www.artcardshop.com/store/
CSS: ... /includes/templates/Custom/css/stylesheet.css
I'm trying to make the text of the Artists drop-down list on the left
look like the other text in other sideboxes on the left, such as
Categories above it.
I wouldn't know a zen cart from a wheelbarrow. But is this what you
mean?
FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
font-weight: bold; add
color: fuchsia;add (whatever)
margin: 0.1em;
}
Thank you David, and thanks for being polite. It must have been late
last night for me to miss the obvious.
And make that awful uppercase selector lowercase :-) .
I wish! When I made all the selectors lowercase the design blew up.
Portions of the code are also uppercase and the two must match. I'm not
even going to bother asking the Zen Cart people why they left uppercase
code in there while simultaneously claiming that the result of their
efforts is XHTML 1.0 Transitional compliant.
Rob
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Colour diferences in IE and FF...
Hi, I am working on a web site for my band, not really experienced with css but have done a lot of reading up. I would really appreciate some help and comments on the coding and whether I am heading in the right direction or not. Link to test site: http://www.quoaklecards.co.uk/test/ Firstly, having worked on the first page in firefox, I just got round to checking it in IE6... the colours are different and don't merge as they do in FF... what is going on? I can solve the problem by giving the images transparent backgrounds but I would really like to know why it is happening... Another issue is the absolute positioning,,, I know this may not be the best method to create the layout I have done... but it sure was the easiest, is there a 'better method? The problem is that I thought by setting the containing div as position:relative I could absolutely position nested divs in a way that would be cross browser compatible... this seems to have worked apart from one div (#subContent) why is this div not behaving the same in both IE and FF when the other div's seem to be?? Lastly, and I know it is not a css issue, but when I try and validate my xhtml it says that I have bytes that are not utf-8 encoded... I cannot work out what characters are causing the problem... frustraing! Thanks, MArk -- quoakle? w. www.quoakle.com e. [EMAIL PROTECTED] m. 07866732010 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Colour diferences in IE and FF...
I can't positively say I know what UTF-8 encoded characters are but I see two things that make me wonder: 1. You are using #39; for apostrophes and I always use rsquo; and lsquo; for a apostrophes and single quotes and ldquo; and rdquo; for double quotes. 2. This line: pMuch Love amp; Fairycakes,br /Edi, Jack Mark #150; The AFC/p has an ampersand that is not amp; between Jack Mark and the - is #150; when you can certainly just leave is as a -. Mike -Original Message- Lastly, and I know it is not a css issue, but when I try and validate my xhtml it says that I have bytes that are not utf-8 encoded... I cannot work out what characters are causing the problem... frustraing! Thanks, MArk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 rounding bug?
If you look at this test page (problem occurs in IE6 only): http://dev.gelatincube.com/jindo/ http://dev.gelatincube.com/jindo/common/master.css (css) There is a 1 pixel gap on the right side of the navigation tab, under the legal tab. Does anyone know if this is caused by some kind of IE6 rounding error? I can fix it using a hack: _bottom: -1px; whereas every other browser uses the proper rule: bottom: 0px; But I'd rather not fix it with a hack if it is possible to do something that validates. Thanks, Ben __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Colour diferences in IE and FF...
Mark Finney wrote: Hi, I am working on a web site for my band, not really experienced with css but have done a lot of reading up. I would really appreciate some help and comments on the coding and whether I am heading in the right direction or not. Link to test site: http://www.quoaklecards.co.uk/test/ Firstly, having worked on the first page in firefox, I just got round to checking it in IE6... the colours are different and don't merge as they do in FF... what is going on? I can solve the problem by giving the images transparent backgrounds but I would really like to know why it is happening... Mark: It's because IE doesn't render png's correctly. (The images look the same in IE7 as well.) I guess the only solution would be to save those png's as gif's. That ought to make them look the same across browsers. I was really looking forward to improvements in png rendering in IE7, but the only real improvement was with the alpha channel. Gamma support and color correction are still screwy, which is why you're having that problem. See here for more details: http://www.libpng.org/pub/png/pngapbr.html Brian -- Brian Riley http://www.seventysevendesigns.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] gratitude and a discovered trick for equal height columns for two column layout
Hey all, I'm writing in to offer deep gratitude and a late thank you to BJ Clark, Georg, Don Hinshaw and Philippe Wittenbergh for their help with my first CSS site. You can see a preview at www.learnerdesign.com/acufamily/index.html. Browsershots showed me that safari 2.0, the div#main content separates from the navigation menu and moves to the right. Any ideas how I can fix that? Also, what is the easiest way to center the content on the page horizontally? I would appreciate any feedback you have, and if there are any glaring errors, please let me know. I have read a lot of messages about establishing equal height colums using faux columns background images or a variety of padding/margin solutions(adding a huge padding with an equally huge negative margin), or scripting solutions. The padding/ margin solution failed me when I had anchors in a div, the div content became hidden, and shifted up out of its containing div, when the user clicked on the anchor link. A simple solution came to me for a two column layout. Use www.learnerdesign.com/acufamily/faq.html for reference. I gave the containing div, #main_body, for the two divs named #nav and #main_content a background color which would end up being the background color of the shorter div, which is #nav. I then gave the taller div, named #main_content a different background color and Shazzam you have what appear to be equal height columns. This wouldn't work for more complex three column layouts, unless two of the columns shared the same background color, but I thought it would be worth mentioning for people who only need to do a two column layout. Noah __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout flow-error
Hi everyone. Possible som e easy thing for you pros to check. Why is my page not inherited in the framework? http://beta.altaria.se/default.aspx?ID=100963 Regards Pelle __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] gratitude and a discovered trick for equal height columns for two column layout
Congratulations, your site is very beauty!!! 2007/1/19, Noah Learner [EMAIL PROTECTED]: Hey all, I'm writing in to offer deep gratitude and a late thank you to BJ Clark, Georg, Don Hinshaw and Philippe Wittenbergh for their help with my first CSS site. You can see a preview at www.learnerdesign.com/acufamily/index.html . Browsershots showed me that safari 2.0, the div#main content separates from the navigation menu and moves to the right. Any ideas how I can fix that? Also, what is the easiest way to center the content on the page horizontally? I would appreciate any feedback you have, and if there are any glaring errors, please let me know. I have read a lot of messages about establishing equal height colums using faux columns background images or a variety of padding/margin solutions(adding a huge padding with an equally huge negative margin), or scripting solutions. The padding/ margin solution failed me when I had anchors in a div, the div content became hidden, and shifted up out of its containing div, when the user clicked on the anchor link. A simple solution came to me for a two column layout. Use www.learnerdesign.com/acufamily/faq.html for reference. I gave the containing div, #main_body, for the two divs named #nav and #main_content a background color which would end up being the background color of the shorter div, which is #nav. I then gave the taller div, named #main_content a different background color and Shazzam you have what appear to be equal height columns. This wouldn't work for more complex three column layouts, unless two of the columns shared the same background color, but I thought it would be worth mentioning for people who only need to do a two column layout. Noah __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- _JOMAC_ http://aguero1198.blogspot.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Javascript Bookmarking in Safari
Does anyone know a method to bookmark in Safari using Javascript? I'm
using this function currently, but cannot seem to find anything on a
working model for adding in Safari/Mac:
function bookmarksite(title,url){
if (document.all)
window.external.AddFavorite(url,title);
else if (window.sidebar)
window.sidebar.addPanel(title,url,)
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [ADMIN - OFF TOPIC] Re: Javascript Bookmarking in Safari
At 12:46 -0500 19/1/07, Geoff Krajeski wrote: Does anyone know a method to bookmark in Safari using Javascript? I'm using this function currently, but cannot seem to find anything on a working model for adding in Safari/Mac: This list is for the discussion of CSS and CSS alone. Please take this question to a more suitable forum. http://css-discuss.incutio.com/?page=OffTopic Alex css-d moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] rounded corner box without content
Hi all!
This example here works when inside the
div class=tretja
/div
is content.
How can I display rounded corner box when it is no conten inside them?
I try to tell the width but appare only the repeated middle image.
The classes are because i must reuse the code for that rounded corner box.
Thanks for help
Lilla
The code:
div class=prva id=empty
div class=druga
div class=tretja
/div
/div
/div
#empty{
height:100px;
}
.prva{
background: url(../images/middle.gif) center repeat-y;
margin:0 0 8px 0;
}
.druga {
background: url(../images/top.gif) top center no-repeat;
}
.tretja {
background: url(../images/bottom.gif) bottom center no-repeat;
margin:0;
}
Be a PS3 game guru.
Get your game face on with the latest PS3 news and previews at Yahoo! Games.
http://videogames.yahoo.com/platform?platform=120121
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Webpage check please!!
On 1/18/07, ken organ [EMAIL PROTECTED] wrote: I still have one little problem though . its the 'Home' mouseover in the top bar under the header. The background is white and I want to be able to change it to green to blend in with the rest of the top bar background. If I alter the a:link a:active, a:hover etc. CSS to green ... I will then have the website bottom navigation with a green background instead of the preferred white. I tried using a span tag, but it made no difference. So you're trying to change the background color of the links in the column on the left, correct? I would assume that changing the background color in #nav a:hover would fix that. If you're talking about the Home in the horizontal bar at the top, it's not a link so it should be fine - you could change the color in .pathway still. Hope that helps, Andy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Specificity
Hi,
I have a problem with the following style declarations with regard to
specificity:
li:hover table #one{background: red;} /* 0,1,0,2 */
li li:hover #all{background: blue;} /* 0,1,0,2 */
The comments at the end of the declarations are my understanding of the
specificity. The first style applies to a td element within a table, and the
second applies to a tr element within the same table. Since the specificity
is the same for both I expected the table row to have a background colour of
blue since it is the last statement in the style declaration. For some reason
the table row is blue but the single td element is still red, (td is an
element within tr). What have I missed?
I had failed to add the markup which may help to explain a little better:
tr id=alltd id=one08/tdtd id=two09/tdtd
id=three10/td
Thanks
Chris
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Specificity
Hi, apologies for another post but I think a simpler example below is what is
needed.
I have obviously failed to understand a crucial aspect of CSS which deems that
the table row style declaration does not overwrite the previous style for a
specific cell within that row. Please enlighten me!
style type=text/css
#one {background: green;}
#all {background: yellow;}
/style
/head
table
tbody
tr id=alltd id=one08/tdtd id=two09/tdtd
id=three10/tdtd11/tdtd12/tdtd13/tdtd14/td/tr
/tbody
/table
Chris
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FF2 : scrolbars disapear on top on a fixed img
Is this a known pb ? What is a workaround ? http://www.lptl.jussieu.fr/users/bernu/pub/scrollbar.html I have a an img inside a fixed div covering most of the page (not all) In an other div I have a textarea standing on top of the img: the scrollbars are not active (white rectangle) and I do not see the cursor. Removing the img and everything works fine ! Works fine in Safari, Opera (don't have Win-IE right now) Bernard __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Unwanted div expansion in IE6 (+7?) -- color values at fault?
Tina G. wrote: In the IEs, hovering over a primary nav option (about us et al) causes its container, div#nav, to expand 3px at the bottom,...trimmed]. The page is here: http://tinyurl.com/3xbj78 Tina See if zeroing the margin in ruleset div#crumbs stops the bouncing in IE 6 7.: Regards, ~dL PS The li's in the footer need to be closed. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Specificity
Chris wrote:
Hi, apologies for another post but I think a simpler example below is what is
needed.
I have obviously failed to understand a crucial aspect of CSS which deems
that the table row style declaration does not overwrite the previous style
for a specific cell within that row. Please enlighten me!
Hey Chris,
Specificity only comes into play when assigning more than one rule to
the same element.
In your example, you assigned a colour to a tr and a different colour to
a td. No matter how specific you make the tr rule, even if you use
!important, it won't be inherited by #one because #one has it's own
declaration.
If, on the other hand, you were doing the following:
table #one {background: purple;}
#one {background: blue;}
you'll find that #one is purple, because the first rule is more specific.
Hope this helps,
Jesse Skinner
www.thefutureoftheweb.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF2 : scrolbars disapear on top on a fixed img
On Jan 20, 2007, at 8:31 AM, Bernu Bernard wrote: Is this a known pb ? What is a workaround ? http://www.lptl.jussieu.fr/users/bernu/pub/scrollbar.html I have a an img inside a fixed div covering most of the page (not all) In an other div I have a textarea standing on top of the img: the scrollbars are not active (white rectangle) and I do not see the cursor. Removing the img and everything works fine ! Works fine in Safari, Opera (don't have Win-IE right now) There is no need for the image. It is the position:fixed on the div that kills it. I think that is https://bugzilla.mozilla.org/show_bug.cgi?id=286828 (Mac Only). The cursor in the textarea is another bug. Forgot which one. Both problems/bugs are fixed in current nightly builds. Workaround: don't use position:fixed ;-) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Horizontal Expanding Menu with UL
Hello All, I am looking for a good tutorial on creating a nested UL list and using it as a horizontal menu bar. On rollover I need to expand multiple layers. Any links would be much appreciated. I tried the normal google search for tutorials but they were all... well not so good. T __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] a:hover not working in first two items of ul, plis IEMac sitecheck
eric cash wrote: Never again will I take a finish it job. Thanks to philippe for pointing out the obvious that I couldn't see past my red haze of anger. Hopefully, I'm done with this thing, http://www.mentallyregarded.com/advo , except for one problem, the first two items in the menu won't rollover to their hover states. This is true for the menu in the header as well as the footer, and I can't for the life of me figure out why. Any help would be highly appreciated. You must have fixed it. Worked fine in Firefox/Linux and IE6. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] a:hover not working in first two items of ul, plis IEMac sitecheck
eric cash wrote: Hopefully, I'm done with this thing, http://www.mentallyregarded.com/advo , except for one problem, the first two items in the menu won't rollover to their hover states. Can't see any problems. Those menu items won't change on hover once visited though. Also, a site check for IEMac would be great, just to make sure I didn't brek it again. IE5.2.3/Mac is doing fine. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout flow-error
Pelle, On Jan 19, 2007, at 12:00 PM, Stib AB wrote: Possible som e easy thing for you pros to check. Why is my page not inherited in the framework? http://beta.altaria.se/default.aspx?ID=100963 I'm not exactly sure what you mean. I'm guessing you are talking about how the text ov the page flows over the bottom border image. If so, the content of .ThePageInnerWrapper is overflowing the height you specifies because the content can't all fit. If you want to force it inside, you will have to set overflow: auto; which will show a scroll bar if necessary. If you want the bottom border to move to after the text, you will have to attach it a different way. If I guessed wrong, try again. -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering
Liz, does putting margin: 0 auto; on the content work, seemed to from here. best donna Liz wrote: Hello, Here is my sample http://www.egretdesign.com/footer/footer.html I am trying to center the yellow content area horizontally without losing my footer background image that stays on the bottom of the browser window or my background header color. Nothing I've tried works. Thank you in advance, Liz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering
Thank you! I had tried that on the innerContainer div which I thought of as the container for the the content but it works on the content. Thanks! Regards, Liz On 1/19/07 9:20 PM, Donna Jones [EMAIL PROTECTED] wrote: Liz, does putting margin: 0 auto; on the content work, seemed to from here. best donna Liz wrote: Hello, Here is my sample http://www.egretdesign.com/footer/footer.html I am trying to center the yellow content area horizontally without losing my footer background image that stays on the bottom of the browser window or my background header color. Nothing I've tried works. Thank you in advance, Liz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Second Look - Outdoor Image
Thanks everyone for the initial site check - Could I talk a few of you into giving the site a second look now that it's live? Opinions welcome, even if you just don't like the color scheme. If it's off-topic, please e-mail me directly. http://www.outdoorimage.com Thanks very much. Keith Burgin [EMAIL PROTECTED] ___ Note: This e-mail and its contents are private and intended for viewing only by the person for whom they were intended. If you recieved this e-mail by accident, and are not the person for whom it was intended, please excuse the interruption. It was not intended. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Clear: both Problem?
Hi All On 17/01/07, Richard Brown [EMAIL PROTECTED] wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css Many thanks for the help so far. Just to reiterate. I started with a three column design, content in the left column, and using the centre and right column for navigation. The site however looked far too cluttered and so we started again and came up with a single column site design. (We will be removing as much text as possible and leaving a visual site). In the meantime I have created icons for the navigation but am still experiencing problems getting the icons to centre. I am using float: right to ensure the boxes line up correctly but this also has the problem of reversing the order of the boxes. So instead of 1, 2, 3, 4, 5 we get 5, 4, 3, 2, 1. Is it possible to achieve the effect without floating please? Many thanks to David and all who offered help. The site is now working as expected. The icons will change in the next few days as will the stock! -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] a:hover not working in first two items of ul, plis IEMac sitecheck
eric cash wrote: I forgot to mention, the rollover problem is only in firefox, although I swear it was in IE earlier... No such problem in Firefox, except that (as mentioned earlier) :visited overrides :hover in all browsers. That's because you have those link styles in the wrong order - :link, :hover, :visited. They should be in the following order - :link, :visited, :hover. Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Border shift possible?
CSS-d
I have a ul list that has a border on top only. I'd like the border to
cover only 70% of the distance across the top, which I've achieved with:
ul
{
border-top: thin solid #00;
width:70%;
}
But the border is fixed on the left hand side, so that as I shorten it,
it simply has more open space appear on the right hand side.
Is there a way I can get the border to be centered above the ul list,
so that if I have it set to be 70% wide, then it starts at 15% in from
the left hand side and ends 15% from the right hand side?
Thanks for any information or advice.
--
Dave M G
Ubuntu 6.10 Edgy Eft
Kernel 2.6.17.7
Pentium D Dual Core Processor
PHP 5, MySQL 5, Apache 2
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Border shift possible?
I would use a background image as the border, and set it to display the way you want. That way, you control the alignment and the length. Just my opinion. Keith Burgin [EMAIL PROTECTED] ___ Note: This e-mail and its contents are private and intended for viewing only by the person for whom they were intended. If you recieved this e-mail by accident, and are not the person for whom it was intended, please excuse the interruption. It was not intended. On Jan 19, 2007, at 11:27 PM, Dave M G wrote: Is there a way I can get the border to be centered above the ul list, so that if I have it set to be 70% wide, then it starts at 15% in from the left hand side and ends 15% from the right hand side? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Second Look - Outdoor Image
Keith Burgin wrote:
Could I talk a few of you into giving the site a second look now that
it's live?
http://www.outdoorimage.com
The 'em font-resizing bug'[1] in IE/win is triggered, so the design can
easily be made to break more than it has to in that browser.
The addition of...
html {font-size: 100%;}
...will help quite a bit.
The warnings given by the CSS validator makes a lot of sense too, as the
text tends to get lost if image-support is turned off or when the text
in those absolute positioned boxes expands off background-images.
The design doesn't take font-resizing well in any browser, and should be
tested more and improved a bit.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_additions_13.html
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
