[css-d] Background image not repeating!!
Hi all, I am new to css and the list ... I would really appreciate some help with the following problem: Main page - Background image not repeating!! * IE - Pages seem to render ok * FF - No background image ... images/pagebg4.jpg repeat-y ... not happening!! * Opera - No background image ... images/pagebg4.jpg repeat-y ... not happening!! I initially created the site and tested it in IE where my images/pagebg4.jpg background repeats ok http://www.kenomultimedia.com.au/ http://www.kenomultimedia.com.au/keno.css Thanks in advance, Keno __ 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] Website check - please!!
Hello List, This is my first attempt at CSS using columns, floats etc. I have been experiencing problems and would appreciate a website check. In my first attempt at css columns I had a problem with the ... background image no repeat-y I first created the page and tested it in IE 6 . where it would render ok When testing in FF and Opera . the background would not repeat / column widths are erratic / column lengths are erratic / top navigation is not staying within the div id=wrapper http://www.kenomultimedia.com.au/ http://www.kenomultimedia.com.au/keno.css I did ask for help on the list and Ingo Chao replied with.. Understanding CSS-concepts like floating is easier if you start creating your site in FF or Opera. After several attempts I still haven't managed to get the image to repeat in FF and Opera. I have since created another main page, this time to suit FF 1.5 and Opera 9.0 and this time I have used an image and color individually for the columns. http://users.ncable.net.au/~keno2/ http://users.ncable.net.au/~keno2/keno4.css In FF, IE6 and Opera, I still have problems with column (length) alignment, spacing and top navigation (breaching its retainer)etc. Just hoping someone on the list could help me out here .. I think I may have to go back to basics and start again. I am learning so much from just sitting back and observing the list. Hopefully I will gain enough expertise to possible help someone else one day!! :-) Is it possible to have on the same website, separate linked or import style sheets to suit different browsers, as I have never heard of this before .. Thanks in advance, Keno. __ 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] Website check - please!!
Gunlaug Sørtun wrote:
Administration wrote:
When testing in FF and Opera . the background would not repeat /
column widths are erratic / column lengths are erratic / top
navigation is not staying within the div id=wrapper
http://www.kenomultimedia.com.au/
I did ask for help on the list and Ingo Chao replied with..
Understanding CSS-concepts like floating is easier if you start
creating your site in FF or Opera. After several attempts I still
haven't managed to get the image to repeat in FF and Opera.
Ingo was perfectly right. IE is pulling tricks on you with all its bugs
and non-standard behavior, so make it work in the standard-compliant
browsers first and fix IE later.
I have since created another main page, this time to suit FF 1.5 and
Opera 9.0 and this time I have used an image and color individually
for the columns.
That's the wrong approach for that layout, so I'll focus on making your
original page cross-browser reliable...
http://www.kenomultimedia.com.au/
To make the background stretch to contain floats in standard-compliant
browsers, you have to feed them some standard properties in the right
places.
I'll choose to establish a new 'block formatting context'[1] by adding...
#page {float: left;}
...which makes that container expand properly, with background and all,
in all browsers.
Then I'll add...
ul#nav {padding: 0;}
...since both Firefox and Opera9 have default paddings on lists - making
that top navigation too wide. IE has default margins on lists, and you
have already taken care of those.
That should be it - unless I have overlooked something.
Just hoping someone on the list could help me out here .. I think I
may have to go back to basics and start again.
No need. Just keep on building on what you've got, and keep on learning.
Is it possible to have on the same website, separate linked or import
style sheets to suit different browsers, as I have never heard of
this before ..
You can use 'conditional comments'[2] to feed separate stylesheets to
IE-win - if you have to.
No such solution for other browsers, and there's rarely a need for
separate styles to make the more standard-compliant browsers get in
line. Try giving them a complete set of styles first, to even out any
major differences.
regards
Georg
[1]http://www.w3.org/TR/CSS21/visuren.html#q15
[2]http://www.gunlaug.no/contents/wd_1_02_01.html#item2
Thank you Georg for your invaluable help ...
http://www.kenomultimedia.com.au/
http://www.kenomultimedia.com.au/keno.css
I now have a few more problems, not sure what I have done or haven't done here
...
but maybe a fresh pair of eyes can help me sort this mess out :-)
IE6 .. margin/padding problem with the header:
'.. a website business that means business for your website'
FF 1.5 .. margin/padding problem with the header:
'.. a website business that means business for your website'
When navigating 5 of the 7 site pages are skipping to the left..
or is it 2 are skipping to the right (the Home and Accessibility pages)
Opera 9.02 .. margin/padding problem with the header:
'.. a website business that means business for your website'
When navigating 5 of the 7 site pages are skipping to the left..
or is it 2 are skipping to the right (the Home and Accessibility pages)
also there is a 2-3px gap beneath each image in the l-r columns.
l-hand column, vertical spacing/column height erratic.
Font sizing seems to be rendering differently over the 3 browsers
h4 tag . sub headings differing from page to page
Thanks in advance,
Keno ...
__
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] page check!!
Hi list, Cross browser check please. http://www.highburytearooms.com.au http://www.highburytearooms.com.au/highbury.css There are a couple of errors that I am aware and I would like some help in sorting them out. IE 6.0 two layers not showing up . I have fooled around with z-index etc to no avail. FF 1.5 All seems to be in order and rendering ok Opera 9.0 I have an ongoing prob with font size ... view zoom is set at 100% also an unwanted background color showing up on the h4 tags Thanks in advance, Keno. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Test_please_1
Hi list,
I would appreciate a cross browser check please!!
http://www.highburytearooms.com.au/
http://www.highburytearooms.com.au/highbury.css
Site page renders fine in both FF 1.5 and IE 6
Experiencing problems with Opera 9.0.1 where the page font is smaller
than in the other browsers.
ViewStyle Author mode
Viewzoom100%
--
I have unwanted background color in the following text block:
**Hours:**
*Dinner *Fri-Sat**
*Morning Tea Lunch *Thurs-Sun**
**Wed-* Appointment only (Group Bookings)*
---
Also there is a 1px border part way around the maim image
I have: img {
border: none;
}
---
Thanks in advance,
Keno.
__
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] Test_please_1
~davidLaakso wrote:
Administration wrote:
http://www.highburytearooms.com.au/
http://www.highburytearooms.com.au/highbury.css
Site page renders fine in both FF 1.5 and IE 6
Experiencing problems with Opera 9.0.1 where the page font is smaller
than in the other browsers.
Keno.
Keno,
I did not see the image border problem that you mentioned in xp :: ie7,
ff, or opera.
And I do not know what you mean about the background color for the text
you wrote about.
You do need a background-color for the page, see:
http://www.chelseacreekstudio.com/ca/cssd/images/temp.jpg.
To bump the font size for Opera only, use the appropriate selector(s)
with this filter at the very bottom of the style sheet:
@media screen and (min-width: 0px){
#foo { font-size: whatever%!important; }
} /*be even nicer to opera */
Regards,
~dL
Hi David,
Thanks for your help .
Hopefully I have the background problem sorted ...
Only in Opera 9.0.1, I am getting what looks like a 1px border
on the top and both sides of the header_all.jpg image.
I have: img { border: 0;}
I am still not sure of how to set up the filter that you sent, to overcome the
font size problem .
it's effecting all font sizes on the page (footer and the business hours text).
Thanks,
Keno
__
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/
