Re: [WSG] Yet Another Float Problem
On 12/26/05, Paula Petrik [EMAIL PROTECTED] wrote: Well, the problem is solved--for the time being. It still does not work on Win98 with IE4, but I think that I have to draw the line. As Drew suggested, it was a rounding problem, but I did get a lot of practice writing if statement for the IE family. I do have question. Drew, when you say you will clear to get height, what will I be clearing? I have a 3-column page coming up and want to forestall any further angst. Paula PetrikPaula PetrikProfessorDepartment of History Art HistoryAssociate DirectorCenter for History New Media George Mason Universityhttp://www.archiva.net What to clear. That's always the question with IE. If you are using a multiple float, the clear usually works best after the last float. If the floats are in a container that would be after the last float and before the container is closed. Sometimes an additional clear is necessary within the last float. And additional clears as always necessary in nested floats. Looking at a copy of a 3 column template I did when learning css, there is a header, container with 3 columns, footer structure. The clear is between the container and footer. Be glad to send it to you off list if you like. In diagnosing these kinds of problems, it works best for me to give the main elements a visible border. It shows me where in fact things don't fit right, which if often different than where I think they shouldn't fit when it doesn't work right the first time. If you use a fair number of clears you may well get accused of divitis. Just weigh having to change nothing against having to rework all of the clever hacks for IE should IE7 contain even a small portion of the rumored changes in support for css and xhtml. drew
[WSG] Yet Another Float Problem
I'm being driven nuts. Pulling out my hair. I cannot get this to work in IE and can't figure out where I'm going wrong. If I float:left the #maincontent, I lose my background image because #wrapper has no height. IE does not want to honor something. The #mainecontent should move up around the floated #nav. Do I need a :clear? Hoping someone is working away somewhere. XHTML and CSS validates and have browsercammed. http://www.archiva.net/hist697ay06/ http://www.archiva.net/hist697ay06/hist697ay06_screen.css Paula Paula Petrik Professor Department of History Art History Associate Director Center for History New Media George Mason University http://www.archiva.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Yet Another Float Problem
Hey, Paula,
I had a similar problem last week and it was suggested that I add the
following at the bottom of the style sheet-
@media screen {
* html #wrapper {height: 0;}
}
which solved the problem.
My problem was, apparently, due to an IE bug, Lack of Layout, more
information on which is at the following-
http://www.satzansatz.de/cssd/onhavinglayout.html
Hope this fixes it for you,
George
On Mon, 2005-12-26 at 16:23, Paula Petrik wrote:
If I float:left the #maincontent, I lose my background image because
#wrapper has no
height.
--
Sterling Web Services
http://www.websterling.com
The Web Done Right
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Yet Another Float Problem
Try floating the wrapper to see if that helps. I don't see a difference between firefox and IE, although it could be my version of IE. What is the background image? The guy in the suit? Didn't Opera remove advertising? Ted Drake www.tdrake.net -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paula Petrik Sent: Monday, December 26, 2005 1:24 PM To: wsg@webstandardsgroup.org Subject: [WSG] Yet Another Float Problem I'm being driven nuts. Pulling out my hair. I cannot get this to work in IE and can't figure out where I'm going wrong. If I float:left the #maincontent, I lose my background image because #wrapper has no height. IE does not want to honor something. The #mainecontent should move up around the floated #nav. Do I need a :clear? Hoping someone is working away somewhere. XHTML and CSS validates and have browsercammed. http://www.archiva.net/hist697ay06/ http://www.archiva.net/hist697ay06/hist697ay06_screen.css Paula Paula Petrik Professor Department of History Art History Associate Director Center for History New Media George Mason University http://www.archiva.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Yet Another Float Problem
I forgot about haslayout when I suggested float. My how your mind begins to
skip things when they aren't staring you in the face.
Avoid using height:0 as the hack. It could come back to haunt you in the
future. Use zoom:1; instead. This will provide layout without creating a
potential size conflict in the future.
Don't forget, IE7 is on the horizon and your hacks need to be future proof.
Ted
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of George S. Williams
Sent: Monday, December 26, 2005 1:49 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Yet Another Float Problem
Hey, Paula,
I had a similar problem last week and it was suggested that I add the
following at the bottom of the style sheet-
@media screen {
* html #wrapper {height: 0;}
}
which solved the problem.
My problem was, apparently, due to an IE bug, Lack of Layout, more
information on which is at the following-
http://www.satzansatz.de/cssd/onhavinglayout.html
Hope this fixes it for you,
George
On Mon, 2005-12-26 at 16:23, Paula Petrik wrote:
If I float:left the #maincontent, I lose my background image because
#wrapper has no
height.
--
Sterling Web Services
http://www.websterling.com
The Web Done Right
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Yet Another Float Problem
George,
Thank you for your suggestion, but it didn't solve the problem. Back
to the drawing board.
Paula
Paula Petrik
Professor
Department of History Art History
Associate Director
Center for History New Media
George Mason University
http://www.archiva.net
On Dec 26, 2005, at 4:49 PM, George S. Williams wrote:
Hey, Paula,
I had a similar problem last week and it was suggested that I add the
following at the bottom of the style sheet-
@media screen {
* html #wrapper {height: 0;}
}
which solved the problem.
My problem was, apparently, due to an IE bug, Lack of Layout, more
information on which is at the following-
http://www.satzansatz.de/cssd/onhavinglayout.html
Hope this fixes it for you,
George
On Mon, 2005-12-26 at 16:23, Paula Petrik wrote:
If I float:left the #maincontent, I lose my background image
because #wrapper has no
height.
--
Sterling Web Services
http://www.websterling.com
The Web Done Right
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Yet Another Float Problem
Ted, Yes, Opera removed ads and I must correct my copy. The background is the the guy in t he suit. Is he visible in IE 6 etc? Browsercam doesn't show and the whole maincontent div is dropped down under the nav in the BC shots. Thanks for your suggestions. I'll look at zoom: 1. This seems like a very simple layout. Arrgh. Best, Paula Paula Petrik Professor Department of History Art History Associate Director Center for History New Media George Mason University http://www.archiva.net On Dec 26, 2005, at 4:53 PM, Ted Drake wrote: Try floating the wrapper to see if that helps. I don't see a difference between firefox and IE, although it could be my version of IE. What is the background image? The guy in the suit? Didn't Opera remove advertising? Ted Drake www.tdrake.net -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paula Petrik Sent: Monday, December 26, 2005 1:24 PM To: wsg@webstandardsgroup.org Subject: [WSG] Yet Another Float Problem I'm being driven nuts. Pulling out my hair. I cannot get this to work in IE and can't figure out where I'm going wrong. If I float:left the #maincontent, I lose my background image because #wrapper has no height. IE does not want to honor something. The #mainecontent should move up around the floated #nav. Do I need a :clear? Hoping someone is working away somewhere. XHTML and CSS validates and have browsercammed. http://www.archiva.net/hist697ay06/ http://www.archiva.net/hist697ay06/hist697ay06_screen.css Paula Paula Petrik Professor Department of History Art History Associate Director Center for History New Media George Mason University http://www.archiva.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Yet Another Float Problem
Hey, again, Pauls,
Maybe-
@media screen {
* html #maincontent {height: 0;}
}
instead??
I'd play around with it but I'm currently on a Linux box, and a windows
one isn't readily available.
Later,
George
--
Sterling Web Services
http://www.websterling.com
The Web Done Right
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Yet Another Float Problem
On 12/26/05, Paula Petrik [EMAIL PROTECTED] wrote: I'm being driven nuts. Pulling out my hair. I cannot get this to workin IE and can't figure out where I'm going wrong. If I float:leftthe #maincontent, I lose my background image because #wrapper has noheight. IE does not want to honor something. The #mainecontent should move up around the floated #nav. Do I need a :clear? Hoping someoneis working away somewhere.XHTML and CSS validates and have browsercammed.http://www.archiva.net/hist697ay06/ http://www.archiva.net/hist697ay06/hist697ay06_screen.css It seems to be a width problem. I reduced the #maincontent to 480px and it fits on IE. You might be able to increase the size some, the 480 was a first attempt. Given the mix of px and em for various margins, paddings, etc there is likely a rounding difference which makes one fit and the other not. This is done without the man in the suite. image. I'm curious as to why if you want 2 columns you just don't make 2 columns and float both nav and maincontent. The layout doesn't seem to call for the margin-left approach but the margin vs float choice is often personal. drew
Re: [WSG] Yet Another Float Problem
On 12/26/05, Paula Petrik [EMAIL PROTECTED] wrote: I'm being driven nuts. Pulling out my hair. I cannot get this to workin IE and can't figure out where I'm going wrong. If I float:leftthe #maincontent, I lose my background image because #wrapper has noheight. IE does not want to honor something. The #mainecontent should move up around the floated #nav. Do I need a :clear? Hoping someoneis working away somewhere.XHTML and CSS validates and have browsercammed.http://www.archiva.net/hist697ay06/ http://www.archiva.net/hist697ay06/hist697ay06_screen.css Forgot to add that if you do want to float both you will need the clear to get height. drew
Re: [WSG] Yet Another Float Problem
I tried floating both nav and maincontent, but the wrapper would disappear because it would have no height and the guy in the suit with it. In IE, in one version, the nav would disappear entirely. Not good. PaulaPaula PetrikProfessorDepartment of History Art HistoryAssociate DirectorCenter for History New MediaGeorge Mason Universityhttp://www.archiva.net On Dec 26, 2005, at 6:37 PM, Drew Trusz wrote:On 12/26/05, Paula Petrik [EMAIL PROTECTED] wrote: I'm being driven nuts. Pulling out my hair. I cannot get this to workin IE and can't figure out where I'm going wrong. If I float:leftthe #maincontent, I lose my background image because #wrapper has noheight. IE does not want to honor something. The #mainecontent should move up around the floated #nav. Do I need a :clear? Hoping someoneis working away somewhere.XHTML and CSS validates and have browsercammed.http://www.archiva.net/hist697ay06/ http://www.archiva.net/hist697ay06/hist697ay06_screen.css It seems to be a width problem. I reduced the #maincontent to 480px and it fits on IE. You might be able to increase the size some, the 480 was a first attempt. Given the mix of px and em for various margins, paddings, etc there is likely a rounding difference which makes one fit and the other not. This is done without the man in the suite. image. I'm curious as to why if you want 2 columns you just don't make 2 columns and float both nav and maincontent. The layout doesn't seem to call for the margin-left approach but the margin vs float choice is often personal. drew
Re: [WSG] Yet Another Float Problem
Well, the problem is solved--for the time being. It still does not work on Win98 with IE4, but I think that I have to draw the line. As Drew suggested, it was a rounding problem, but I did get a lot of practice writing if statement for the IE family. I do have question. Drew, when you say "you will clear to get height," what will I be clearing? I have a 3-column page coming up and want to forestall any further angst. Paula PetrikPaula PetrikProfessorDepartment of History Art HistoryAssociate DirectorCenter for History New MediaGeorge Mason Universityhttp://www.archiva.net On Dec 26, 2005, at 6:40 PM, Drew Trusz pple-interchange-newline">On 12/26/05, Paula Petrik [EMAIL PROTECTED] wrote: I'm being driven nuts. Pulling out my hair. I cannot get this to workin IE and can't figure out where I'm going wrong. If I float:leftthe #maincontent, I lose my background image because #wrapper has noheight. IE does not want to honor something. The #mainecontent should move up around the floated #nav. Do I need a :clear? Hoping someoneis working away somewhere.XHTML and CSS validates and have browsercammed.http://www.archiva.net/hist697ay06/ http://www.archiva.net/hist697ay06/hist69 CKQUOTE> Forgot to add that if you do want to float both you will need the clear to get height. drew
