Hi there,
I actually have two problems with the following site: http://coombes.amandadevries.com:
1. Why does Firefox ignore my request for a 'red' background for my
..container? IE doesn't.
2. Why does Firefox ignore my 'min-height:50%' for the container?
Again, IE doesn't. See
"http://coombes.amandad evries.com/people/Duong.html" to see what I
mean. Because the height is only determined by my text, my image hangs
out of the container.
Both pages pass validation, as does the CSS, with the exception of one
error.
And yes, I use a table for the footer because I can't figure out
another way to have each phrase aligned as you see them...if anyone has
suggestions I'm all ears!
Thanks,
Amanda www.amandadevries.com 6 3881 am*******@gmail .com wrote:
Hi there,
I actually have two problems with the following site: http://coombes.amandadevries.com:
1. Why does Firefox ignore my request for a 'red' background for my
.container? IE doesn't.
Strange. I see a black background, but the DOM inspector shows the
computed background color for that DIV is rgb(102, 51, 51).
On 2006-11-15, Harlan Messinger <hm************ *******@comcast .netwrote:
am*******@gmail .com wrote:
>Hi there,
I actually have two problems with the following site: http://coombes.amandadevries.com:
1. Why does Firefox ignore my request for a 'red' background for my .container? IE doesn't.
Strange. I see a black background, but the DOM inspector shows the
computed background color for that DIV is rgb(102, 51, 51).
The background colour is rgb(102, 51, 51), but you don't see any of the
background colour because the .container div is completely full of
(black) things. If you give it a bit of padding you see the #633 (102,
51, 51) colour around the edges.
Ben C wrote:
On 2006-11-15, Harlan Messinger <hm************ *******@comcast .netwrote:
>am*******@gmail .com wrote:
>>Hi there,
I actually have two problems with the following site: http://coombes.amandadevries.com:
1. Why does Firefox ignore my request for a 'red' background for my .container? IE doesn't.
Strange. I see a black background, but the DOM inspector shows the computed background color for that DIV is rgb(102, 51, 51).
The background colour is rgb(102, 51, 51), but you don't see any of the
background colour because the .container div is completely full of
(black) things. If you give it a bit of padding you see the #633 (102,
51, 51) colour around the edges.
I hadn't dug all the way down. Most of the items under it have a
transparent background, but now I see that the navigation list has a
black background. On the other hand, the paragraph and div that follow
the div containing the navigation list have transparent backgrounds, and
so do all their children.
I see the rest of the problem now. Everything inside the container div
is floated or has only floated children. Therefore, the container div
itself doesn't envelop them and has no height. The table used for the
footer has clear: both; which is why it's entirely below the container div.
I gather that in IE the container div IS enveloping its children.
Isn't the solution to float the container div and give it explicit
width: 100%?
On 2006-11-15, am*******@gmail .com <am*******@gmai l.comwrote:
Hi there,
I actually have two problems with the following site: http://coombes.amandadevries.com:
1. Why does Firefox ignore my request for a 'red' background for my
.container? IE doesn't.
The background is there (see my other post in this thread).
2. Why does Firefox ignore my 'min-height:50%' for the container?
Again, IE doesn't. See
"http://coombes.amandad evries.com/people/Duong.html" to see what I
mean. Because the height is only determined by my text, my image hangs
out of the container.
It's because the containing block of .container (the body) has an auto
height, which means its height depends on the height of its content.
But the percentage min-height on .container means its height depends on
the height of its container. This is therefore circular, which is why
the spec says in this circumstance, the computed value of min-height
should be 0 (this is in 10.7 of CSS 2.1).
So you can make it work by setting body to height: 100%. That way body
is the full height of the viewport, and .container is half of that.
That may cause other unwanted sideeffects though.
Firefox is a bit inconsistent though because it treats height: 50% on
..container as 50% of the viewport even with 100% set on body. Really it
should treat a percentage height the same way as a percentage min-height
here.
And yes, I use a table for the footer because I can't figure out
another way to have each phrase aligned as you see them...if anyone has
suggestions I'm all ears!
Couldn't you just use a left float and a right float?
On 2006-11-15, Harlan Messinger <hm************ *******@comcast .netwrote:
Ben C wrote:
>On 2006-11-15, Harlan Messinger <hm************ *******@comcast .netwrote:
>>am*******@gmail .com wrote: Hi there,
I actually have two problems with the following site: http://coombes.amandadevries.com:
1. Why does Firefox ignore my request for a 'red' background for my .container ? IE doesn't. Strange. I see a black background, but the DOM inspector shows the computed background color for that DIV is rgb(102, 51, 51).
The background colour is rgb(102, 51, 51), but you don't see any of the background colour because the .container div is completely full of (black) things. If you give it a bit of padding you see the #633 (102, 51, 51) colour around the edges.
I hadn't dug all the way down. Most of the items under it have a
transparent background, but now I see that the navigation list has a
black background. On the other hand, the paragraph and div that follow
the div containing the navigation list have transparent backgrounds, and
so do all their children.
I see the rest of the problem now. Everything inside the container div
is floated or has only floated children. Therefore, the container div
itself doesn't envelop them and has no height.
footer has clear: both; which is why it's entirely below the container div.
I gather that in IE the container div IS enveloping its children.
Sounds like the sort of incorrect thing it would probably do...
Isn't the solution to float the container div and give it explicit
width: 100%?
That should work well, yes. Then the container will be the "block
formatting context box" for the floats, which makes it grow to encompass
them.
Guys,
Thanks for both of your inputs. I will try this last idea and let you
know how it goes. In the meantime, I'm rushing another job, so I might
not get back to this until next week.
Thanks,
Amanda www.amandadevries.com
Ben C wrote:
On 2006-11-15, Harlan Messinger <hm************ *******@comcast .netwrote:
Ben C wrote:
On 2006-11-15, Harlan Messinger <hm************ *******@comcast .netwrote: am*******@gmail .com wrote: Hi there,
I actually have two problems with the following site: http://coombes.amandadevries.com:
1. Why does Firefox ignore my request for a 'red' background for my .container? IE doesn't. Strange. I see a black background, but the DOM inspector shows the computed background color for that DIV is rgb(102, 51, 51).
The background colour is rgb(102, 51, 51), but you don't see any of the
background colour because the .container div is completely full of
(black) things. If you give it a bit of padding you see the #633 (102,
51, 51) colour around the edges.
I hadn't dug all the way down. Most of the items under it have a
transparent background, but now I see that the navigation list has a
black background. On the other hand, the paragraph and div that follow
the div containing the navigation list have transparent backgrounds, and
so do all their children.
I see the rest of the problem now. Everything inside the container div
is floated or has only floated children. Therefore, the container div
itself doesn't envelop them and has no height.
footer has clear: both; which is why it's entirely below the container div.
I gather that in IE the container div IS enveloping its children.
Sounds like the sort of incorrect thing it would probably do...
Isn't the solution to float the container div and give it explicit
width: 100%?
That should work well, yes. Then the container will be the "block
formatting context box" for the floats, which makes it grow to encompass
them.
This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: CAFxX |
last post by:
i'm writing a program that executes some calculations on a bitmap loaded in
memory.
these calculation ends up with pixel wth values far over 255, but i need
them to be between 0 and 255 since i got to write them in a bmp file (in
which RGB values are limited to 8 bits per channel). so i need to have them
scaled down.
first of all i find the highest and lowest of those values:(keep in mind
that max, min, bmp, ptr are ulong and w, h are...
|
by: zeedan |
last post by:
Hi, I appologise if I'm not posting this to the correct group, but I'm
having problems starting MySQL server. I need it in order to post a
websurvey for a research project I'm doing for a college computer ethics
class.
Well here is the output several commands, from netstat -a I can see that
MySQL is listening, but when I try to start the server I get a port error.
I'm running SUSE 9.1 and I searched all over the web for info on this...
|
by: Mike |
last post by:
Hi all,
I am writing a database using SQL as the back end and Access as the
front end. My project is to create a rota for when people have to
work. The problem I have is setting up the tables so I can query them
correctly.
I currently have a staff table which holds the staff_id and staff_name
fields. I have a worktime table that has the staff_id, date, start
time, end time as fields. What I would like to do able to do is have a
|
by: Eric Lilja |
last post by:
Hello, I'm creating a small utility for an online game. It involves
parsing a text file of "tradesskill recipes" and inserting these
recipes in a gui tree widget (similar to gui file browsers if you know
what I mean).
Here's an example of a recipe as it appears in the text file:
* Cashew Pie (lvl 39, 5h 3 min, + max power)
- Candied Cashew (level 30)
-- Cashew
-- Refined Honey (level 30)
--- Raw Honey
|
by: Alex |
last post by:
Hi,
I have a problem with quoting in one of my functions:
now TIMESTAMP := ''now'';
FOR myRec IN SELECT * FROM myTable WHERE job_end + ''360 Min'' > now LOOP
I want to replace the 360 with the contents of a passed value
but for some reason I can't quote it. ... job_end + ''$1 Min'' does not
work.
| |
by: AZRebelCowgirl73 |
last post by:
can anyone help me I cant get this program to run, it errors during bugging! I thought I was pretty close to having it, but I can't get it! thanks!
//C++ Project 3:
//For your Project 3 Write a program that has two separate functions.
//One function will determine and return the smallest of three numbers
//and the other function will determine and return the average of three
//numbers. Both functions should return a value. This...
|
by: k2storm |
last post by:
I'm having problems with Reports and I'm seeking some help, or advice on how to solve this problem. Any help will be much appriciated!
It’s hard to explain but I will try to do my best:
In my Database I have about 6 to 7 reports that show me all the data from different tables. When I open any Report in 'Print Preview' Mode everything looks fine and the Reports open just fine. But once in a while, for some strange reason and I don't know why,...
|
by: =?Utf-8?B?SmVzcGVyLCBEZW5tYXJr?= |
last post by:
Hi,
I'm using a combobox in DropDown style. It shows the time in hours for a
proces. In the drop down list I've put in some values like
15 min
30 min
45 min
1 h
2h
|
by: Eugeny Myunster |
last post by:
I know, only simple one:
#include <stdio.h>
int main()
{
int min=0,max=0,i,arr;
for(i=0;i<12;i++)
arr=rand()%31-10;
for(i=0;i<12;i++)
|
by: Stan Brown |
last post by:
As usual, it looks right in Firefox 3 but not in IE6.
See http://www.tc3.edu/instruct/sbrown/nicholls/indexgood.htm
for the desired behavior -- when you hover over the second or third
main menu item, a submenu appears and an item can be selected. (The
links don't go anywhere.) This works in FF and IE.
The style sheet is
http://www.tc3.edu/instruct/sbrown/prodrop4.css
But when I include my own style sheet
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
| |
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |