Re: [css-d] IE6 Cache Bug?
Hi guys, When I click the back button to return to one (and only one) page on a site I'm building, all of the content on it above three floats disappears and only reappears when you select it or mouse over a link in it - this doesn't seem to be on positioniseverything, anyone heard of anything similar / got a fix? Cheers, spike __ 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] Reliable Dropdowns?
Hi guys, We're looking for a reliable method of doing the following. Everything we have tried just doesn't work. First of all, our site is center-aligned. There are four circular images that, when in the :hover state, need to display a menu beneath them (Hey, I didn't write the design brief!) all on the same line. Crucially, it needs to be liquid and display fine in IE6/FF1.5 Any takers?! 3 __ 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] Jumping tables?
This bug appears in both IE6 and IE7: 1. I have some tables on a web page. There are a lot of table cells (I didn't design this :)). The page has some other tables and all are inline. 2. On first load the tables at the top jump out of the margins and are slightly wider on the right hand side than they are further down the page, despite having the same CSS. Upon a refresh they realign - correctly. This is apparent in both IE6 and 7 so can I rule out the standard bugs? Thanks for any help. __ 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] massive css problem
I recently consolidated a 30KB CSS file form over 1300 lines of code to just under eight hundred. I was doing it on autopilot and without XHTML from the gimps in the programming office to check it on - predictably, something has gone wrong. Is there any quick and easy way for me to compare the stylesheets and see what style information has changed? The structure of the document has changed entirely so I can't do a quick and dirty VBScript unfortunately. Thanks for any help. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] firefox error?
Hi guys,
Another colleague problem here (seems I'm the officially elected rep for
css-d):
These three floats are level in Internet Explorer but not in Firefox for
some reason. Most baffling.
Due to privacy issues I'm unfortunately not able to share the site with you,
but I can show you a screenshot (off-list).
The columns look like this:
|--| ANNOYING GAP HERE
| | |--| |--|
| | | | | |
| | | | | |
Here is the code:
div class=gallery
div class=gcol1
ul class=col1ul
liimg src=image.jpg class=pic width=250
height=188 alt=image of a balloon title=snowman //li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of a cathedral and balloons title=cathedral
//li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of an arch of balloons title=balloon arch
//li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of an army band and balloons title=army //li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of balloons being released title=release
//li
/ul
/div
div class=gcol2
ul class=col1ul
liimg src=image.jpg class=pic width=250
height=188 alt=image of a balloon at a function table title= //li
liimg src=image.jpg class=pic width=250
height=188 alt=image of balloons promoting a store title=store //li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of multi-coloured balloons title=multi //li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of an arch of balloons over a honda car
title=honda //li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of a council building decorated with balloons
title=council //li
/ul
/div
div class=gcol3
ul class=col3ul
liimg src=image.jpg class=pic width=250
height=188 alt=picture of an arch of balloons title=arch //li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of a car made of balloons title=balloon car
//li
liimg src=image.jpg class=pic width=250
height=188 alt=picture of two flowers made from balloons title=flowers
//li
liimg src=image.jpg class=pic width=250
height=188 alt=photo of an anchor made of balloons title=anchor
//li
liimg src=image.jpg class=pic width=250
height=188 alt=image of an arch of balloons title=arch //li
/ul
/div
div class=gallerytext
pContent/p
/div
div id=rest
br /
/div
/div
.gcol1
{
float: left;
text-align: center;
width: 260px;
margin: 0;
padding: 0;
}
.gcol2
{
float: left;
text-align: center;
width: 260px;
margin: 0;
padding: 0;
}
.gcol3
{
float: right;
text-align: center;
width: 260px;
margin: 0;
padding: 0;
}
.col1ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
.col2ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
.col3ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
.gallery
{
width: 780px;
}
.gallerytext
{
width: 65%;
float: left;
text-align: justify;
background: #eee;
margin-left: 6px;
margin-top: 0;
}
#rest
{
clear: both;
}
Sorry not to be able to offer more. Thanks for any help.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Weirdest IE bug I've ever seen
Hi folks,
Is this a known bug? I've got a colleague who has a series of DIVs as
follows:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
div class=main
div class=aa
aa
/div!--aa close--
div class=bb
bb
/div!--bb close--
div class=ff
ff
/div!--ff close--
div class=wrap
div class=cc
cc
/div!--cc close--
div class=dd
dd
/div!--dd close--
div class=ee
pThis is an entire sentence, captain. Please have a safe flight./p
/div!--ee close--
/div!--wrap end--
/div!--main container--
/body
/html
And this CSS:
*
{
margin:0;
padding: 0px;
}
body
{
margin: auto;
}
.aa
{
width: 700px;
height: 80px;
background-color: red;
float: left;
}
.bb
{
width: 80px;
height: 720px;
background-color: blue;
float: right;
}
.cc
{
width: 50%;
height: 100%;
background-color: green;
float: right;
}
.dd
{
width: 50%;
height: 50%;
background-color: yellow;
float: left;
}
.ee
{
width: 50%;
height: 50%;
background-color: purple;
float: left;
}
.ff
{
width: 80px;
height: 720px;
background-color: orange;
float: left;
}
.gg
{
width: 700px;
height: 80px;
background-color: grey;
}
.main
{
width: 780px;
height: 800px;
background-color: pink;
text-align: center;
margin: auto;
}
.wrap
{
width: 620px;
height: 640px;
float:right
}
Looking in IE6, it replicates the last two characters of the sentence in DIV
class ee. Any ideas?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] extending columns in css ala table cells
Are there any plans to include some kind of css property that allows
you to extend two block elements in line with each other, as you can
with tables? I know about the workarounds that exist, it'd just be
great to be able to do it off the cuff. Not sure if it breaks the
visual formatting model or not, but is something like
#leftdiv {
attach: right;
}
#rightdiv {
attach: right
}
In the pipeline? Just curious :)
Cheers.
--
spike
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
