Re: [css-d] IE6 float problem, again
Thank you David and Russ! Both solutions worked perfectly, though Russ's made a bit more logical sense to my newbie head. Steve ¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿? The World of Caramia Design studio 510/525-4525 cell 415/806-6669 café caramiadesign.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 float problem, again
Steve Caramia wrote:
>
> I've tried all the fixes I could find (adding a margin of 0 to the
> left column, a haslayout comment --) and the middle cleared column
> still falls below the floated left column before it.
>
>
> http://www.caramiadesign.com/zen
> Steve
>
>
Add this to the style sheet for IE/6/0:
* html #supportingText {
margin-left: 230px;
}
Delete this from the style sheet:
[if lt IE 7]>
/* style for IE6 + IE5.5 + IE5.0 */
.gainlayout { height: 0; }
Re: [css-d] IE6 float problem, again
> #supportingText {
> float:none;
> margin:0px 190px 0 235px;
> width:375px;
> line-height: 2em;
> }
I was able to make it work in IE6 by removing the 190px right margin:
#supportingText {
float:none;
margin:0px 0px 0px 235px;
width:375px;
line-height: 2em;
}
It still looks right in Firefox. I didn't try it with any other browsers.
The left margin pushes the middle column into position from the left, and
the right column has absolute positioning. So, I don't see why the right
margin would really be necessary.
Russ
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 float problem, again
I thought that I should submit an 800px version of the Zen page I
originally built in a 1000px width, but guess what? lteIE6 has a
problem that it DIDN'T have with the 1000px version!.
I've tried all the fixes I could find (adding a margin of 0 to the
left column, a haslayout comment --) and the middle cleared column
still falls below the floated left column before it.
The original: http://www.caramiadesign.com/zen1000
800px width: http://www.caramiadesign.com/zen (OK in IE7 and 8, and
everything else).
Am I crazy to try to debug for IE6 at this point? This nonsense seems
like trying to master the horse and buggy in 1920!
Here are the two rules in question:
#preamble {
background:url(images/enlightenmentBG.jpg) no-repeat top left;
clear:left;
float:left;
width: 210px;
padding: 0;
margin:0;
}
#supportingText {
float:none;
margin:0px 190px 0 235px;
width:375px;
line-height: 2em;
}
Thank you!
Steve
Caramia Design
studio 510/525-4525
caramiadesign.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ie6 float problem
Hi, I have a page that displays appropriately in Firefox, Safari, Ie 7 + 8 but, according to browsershots, is not displaying properly in Ie6. A sample page with the problem can be found at: http://www.web-devel.co.nz/myvreo/test.html Note: The other links should take you to a login page because the page would normally be visible only to users that have logged in. The line beneath the tabbed menu contains an image, a menu list (add New Buyer, etc) and a search form. They line up correctly in the modern browsers but in ie6 (according to browsershots) the search form is to the left and above the image and menu instead of being on the right. The image is floated left of the ul menu and the form is floated right. I've validated the html and the css and there doesn't appear to be any errors that are associated with the problem. I'm pulling my hair out trying to sort the problem out because I can only check changes via browsershot and the turn-around is quite slow (and so far unproductive). Help greatly appreciated. Regards Richard __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6 float problem in list (extra space)
David Hucklesby wrote: > On Sat, 23 Feb 2008 10:54:43 +, vwf wrote: >> I fixed a number of problems with my site, but a problem with ie6 remains. >> There are >> unwanted spaces in the horizontal list (navigation bar). I see that this is >> a well >> known problem, but I cannot find the solution. >> > [...] >> http://opeform.nl/test/ >> http://opeform.nl/test/screen00.css > Again - no Konqueror here, sorry. Screen captures in Konqueror 3.5.8 and Firefox 2.0.0.12 (for comparison) on Linux: http://www.clanjones.org/opeform_nl_test.zip -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6 float problem in list (extra space)
On Sat, 23 Feb 2008 10:54:43 +, vwf wrote: > > I fixed a number of problems with my site, but a problem with ie6 remains. > There are > unwanted spaces in the horizontal list (navigation bar). I see that this is a > well > known problem, but I cannot find the solution. > [...] > http://opeform.nl/test/ > http://opeform.nl/test/screen00.css > As Holly suggests, putting IE into so-called standards mode helps. To get rid of the gaps in IE 5.x, the only way I know is to take out the gaps between links in the HTML. One way to do this is add empty comments between them, like this: ... http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/> Again - no Konqueror here, sorry. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6 float problem in list (extra space)
From: vwf <[EMAIL PROTECTED]> > a problem with ie6 >remains. There are unwanted spaces in the horizontal list (navigation bar). >http://opeform.nl/test/ >http://opeform.nl/test/screen00.css I don't know about the Konqueror issue, but the easiest way to solve IE6's problems it to get rid of the xml declaration at the top of your HTML page. If you do, the images of the navbar will then line up. ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6 float problem in list (extra space)
Hello, I fixed a number of problems with my site, but a problem with ie6 remains. There are unwanted spaces in the horizontal list (navigation bar). I see that this is a well known problem, but I cannot find the solution. In addition, Konqueror fails to show the navigation bar completely. Most browsers (15+) work fine. The page validates. Does anyone have a suggestion about what is wrong, or how I can fix it? http://opeform.nl/test/ http://opeform.nl/test/screen00.css Thank you, vwf __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
