473,320 Members | 1,857 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

IE7, FF2.0 background color problem

I'm wondering if there is a work-around for the following problem that
I've encountered. FireFox is behaving like I expect, IE7 is
misbehaving.

The main stylesheet has the declaration:
html, body {
margin: 0 5%;
padding: 0;
background-color: #FFFFFF;
}

In other stylesheets I have:
html, body {
background-color: #71A5DC;
}

In FF the full browser background is filled with the designated
colour. In IE only the area used and the area within the margins are
coloured. Resize the browser to >800x600 to see the effect.

The site is: http://www.hectar.net/portfolio (the site is still very
much under development so please forgive the lousy coding).

Thanks in advance.
---------------------------------------------------------------
jn******@yourpantsyahoo.com.au : Remove your pants to reply
---------------------------------------------------------------
Dec 22 '06 #1
6 10200
Jeff North wrote:
I'm wondering if there is a work-around for the following problem that
I've encountered. FireFox is behaving like I expect, IE7 is
misbehaving.

The main stylesheet has the declaration:
html, body {
margin: 0 5%;
padding: 0;
background-color: #FFFFFF;
}
Not at the time of this writing, it doesn't. I see only:
html, body {
margin: 0 5%;
padding: 0;
}
>
In other stylesheets I have:
html, body {
background-color: #71A5DC;
}

In FF the full browser background is filled with the designated
colour.
Well, not at first. When I pull in, the full browser background is
mostly my default color. It's only after I enable JavaScript, and then
think to select a color in the upper-right dropdown, that I see the
other color. In FF, this is indeed the full viewport area.
In IE only the area used and the area within the margins are
coloured. Resize the browser to >800x600 to see the effect.
Ah, now I understand the problem.
Have you tried adding height:100%; to the body, html rules?
The site is: http://www.hectar.net/portfolio
jn******@yourpantsyahoo.com.au : Remove your pants to reply
This part I like!
--
John
Dec 22 '06 #2
On Fri, 22 Dec 2006 15:53:04 +0100, in
comp.infosystems.www.authoring.stylesheets John Hosking
<Jo**@DELETE.Hosking.name.MUNGED>
<45**********@news.bluewin.chwrote:
>| Jeff North wrote:
| I'm wondering if there is a work-around for the following problem that
| I've encountered. FireFox is behaving like I expect, IE7 is
| misbehaving.
| >
| The main stylesheet has the declaration:
| html, body {
| margin: 0 5%;
| padding: 0;
| background-color: #FFFFFF;
| }
|
| Not at the time of this writing, it doesn't. I see only:
| html, body {
| margin: 0 5%;
| padding: 0;
| }
Damn!!! forgot to upload the latest stylesheet :-(
>| >
| In other stylesheets I have:
| html, body {
| background-color: #71A5DC;
| }
| >
| In FF the full browser background is filled with the designated
| colour.
|
| Well, not at first. When I pull in, the full browser background is
| mostly my default color. It's only after I enable JavaScript, and then
| think to select a color in the upper-right dropdown, that I see the
| other color. In FF, this is indeed the full viewport area.
|
| In IE only the area used and the area within the margins are
| coloured. Resize the browser to >800x600 to see the effect.
|
| Ah, now I understand the problem.
| Have you tried adding height:100%; to the body, html rules?
html, body {
background-color: #FFFFFF;
display: block;
margin: 0 5%;
padding: 0;
height: 100%;
width: auto;
}

The height:100% did the trick.
But IE7 still ignores the left/right margin. I can live with that :-)
>| The site is: http://www.hectar.net/portfolio
|
| jn******@yourpantsyahoo.com.au : Remove your pants to reply
|
| This part I like!
:-)
---------------------------------------------------------------
jn******@yourpantsyahoo.com.au : Remove your pants to reply
---------------------------------------------------------------
Dec 22 '06 #3
Jeff North wrote:
>
html, body {
background-color: #FFFFFF;
display: block;
margin: 0 5%;
padding: 0;
height: 100%;
width: auto;
}

The height:100% did the trick.
But IE7 still ignores the left/right margin. I can live with that :-)

I don't have IE7 here so I don't understand what margin problem you're
having. I have an IE6, and that looks OK to me.

I just noticed something, and I don't know if you care, but here it is
anyway. Your dropdown list for the colors shows default at the top (as,
yes, the default). What you mean is white, because that's the default
you have set for your site. But it's not really *the* default, because
every browser might have something different (I've got a nasty pink, for
example). Maybe (just maybe) you want to change "default" to "white".

--
John
Dec 22 '06 #4
Jeff North wrote:
>
http://www.hectar.net/portfolio
Are you aware that it's a bit off kilter in large window sizes? If I
maximize my window (1600x1200) the header and content area shift to the
left side, but the navigation tabs go to the right. The left/right
margins don't seem to be even, either. It looks strange.

--
Berg
Dec 23 '06 #5
On Sat, 23 Dec 2006 00:01:13 +0100, in
comp.infosystems.www.authoring.stylesheets John Hosking
<Jo**@DELETE.Hosking.name.MUNGED>
<45**********@news.bluewin.chwrote:
>| Jeff North wrote:
|
| >
| html, body {
| background-color: #FFFFFF;
| display: block;
| margin: 0 5%;
| padding: 0;
| height: 100%;
| width: auto;
| }
| >
| The height:100% did the trick.
| But IE7 still ignores the left/right margin. I can live with that :-)
|
|
| I don't have IE7 here so I don't understand what margin problem you're
| having. I have an IE6, and that looks OK to me.
|
| I just noticed something, and I don't know if you care, but here it is
| anyway. Your dropdown list for the colors shows default at the top (as,
| yes, the default). What you mean is white, because that's the default
| you have set for your site. But it's not really *the* default, because
| every browser might have something different (I've got a nasty pink, for
| example).
The 'default' stylesheet does actually set backgrounds etc to white.
Maybe you have your browser set to only use your colour scheme.
I changed the preferences in IE and FF to a background colour of black
and then reloaded the page. The entire background was white.
>| Maybe (just maybe) you want to change "default" to "white".
Hmmm, I'll think about it :-)
---------------------------------------------------------------
jn******@yourpantsyahoo.com.au : Remove your pants to reply
---------------------------------------------------------------
Jan 2 '07 #6
On Sat, 23 Dec 2006 10:47:08 -0600, in
comp.infosystems.www.authoring.stylesheets Bergamot
<be******@visi.com>
<4v*************@mid.individual.netwrote:
>| Jeff North wrote:
| >
| http://www.hectar.net/portfolio
|
| Are you aware that it's a bit off kilter in large window sizes? If I
| maximize my window (1600x1200) the header and content area shift to the
| left side, but the navigation tabs go to the right. The left/right
| margins don't seem to be even, either. It looks strange.
I've changed the CSS to now adjust for the entire screen but wont be
uploading the files for a few days yet.

BTW, I have 3 screens all set to different resolutions but I didn't
notice what you experienced. Maybe I need to go to a higher resolution
(and get a new pair of glasses/binoculars LOL).
---------------------------------------------------------------
jn******@yourpantsyahoo.com.au : Remove your pants to reply
---------------------------------------------------------------
Jan 2 '07 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Chris Beall | last post by:
I'm displaying an image that is also a link against a black background. In Netscape 7.1, the current background color is displayed as a horizontal bar below the image. This allows :hover effects...
3
by: MediaDesign | last post by:
so there's the problem: my text links have background images and when I put links around images on my page, they too get the background image treatment which I do not...I have tried several...
3
by: Gil | last post by:
Hello, I use VB.NET and have a series of linkbuttons that are inside individual <td>s. Like this: <td background="image.gif"><asp:linkbutton id="myID" runat="server"/></td> I would like...
11
by: Konrad Den Ende | last post by:
I have a function returning a string but the problem is that the color of it is blue which suits me well for some pages but not for others. Is it possible to "feel" what the color of the background...
5
by: proximus | last post by:
Hi, I am trying to change the background of table TD's. The problem is that I have no access to the HTML code. SO I am trying to alter this using Javascript/DOM in an external .js file. I...
7
by: Nilesh | last post by:
I am using background-image attribute in a CSS file and linking the CSS file to aspx page. But strangly, background-image attribute is not working for relative URL. e.g. If I apply following css...
8
by: johkar | last post by:
I have two problems I cannot work out in the following tab code with Netscape 6. Problems are marked with all cap comments. One is that the background image is not shown in NS 6 (two places in...
2
by: darkpowrjd | last post by:
I've been trying to create a new navigation system for my site, and I got everything figured out except for one thing. Here is the CSS code I'm using right now: body { font: normal 10px Verdana,...
2
XedinUnknown
by: XedinUnknown | last post by:
Hi! I am new to this forum, but not new to web design and programming. Nevertheless, I have never tried to use PNG so extensively in my pages. here's the problem. First, I have found that the...
10
by: VividWeb | last post by:
Hi. I am relatively new to CSS and HTML but have a basic understanding of most things. One of my backgrounds is not positioning correctly in IE 7 or AOL. The background behind the content...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.