[css-d] Strange things
Hi everyone,
We've been working on this website and Georg kindly helped with a
problem in the early part of it.
Just as it's nearing completion I'm having problems, so far I've
spent literally days trying to work out the why's...
First:
This div (#ufwus) is the main 'content' div on the site
http://www.keenstreet-dev.com/styles/catchment.css
#ufwus {/*userfriendly web updating system*/
margin: 2px 25px 25px 25px;
display: table;
height: 1%;
}
display: table;
height: 1%;
was included to allow the map box on the right of the index page
(only page it now appears in)
http://www.keenstreet-dev.com/index.php to site correctly.
Q. It was all working fine and then for no reason that I can figure
out when I go to the homepage the text is down the page or there's a
big gap in between paragraphs, on refresh it corrects?
Second:
On this page the div holding the information is quirky...
http://www.keenstreet-dev.com/casestudy.php?the_cat=25
I've set out one to a page so you can see...
The first page, if only a couple of words are added the div and the
div underneath show narrow.
When you go to page 2 this is how it should look.
I will have no control over the amount of text going in...
If I take out - display: table; height: 1%; - from the style sheet
the narrow one on page 1 shows wide but the date moves down the page
and page 2 the image, pdf link, date etc show in the wrong places.
I've validated the homepage and the casestudy page, there are 5
errors related to the small icons in the 'toolbar' being
'absmiddle' which changing to top/ bottom etc has no bearing on the problems.
Would really appreciated any who can shed some light on what's happening here?
Many thanks
Vicki
__
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] Strange things
Vicki Stebbins wrote:
[...] http://www.keenstreet-dev.com/index.php to site correctly.
Q. It was all working fine and then for no reason that I can figure
out when I go to the homepage the text is down the page or there's a
big gap in between paragraphs, on refresh it corrects?
I can't see anything wrong with your homepage in any of my win-browsers,
neither on first load nor when refreshed. Which browser is acting up?
Second: On this page the div holding the information is quirky...
http://www.keenstreet-dev.com/casestudy.php?the_cat=25
A table without declared width shrinks when there's not enough content
to space it out. That explains your second case. Since you can't declare
width and not control the amount (width) of content, you can't use
'display: table' there.
One possible alternative:
#ufwus {/*userfriendly web updating system*/
margin: 2px 3px 25px 25px;
overflow: hidden;
}
* html #ufwus {/* for IE6 and lower */
overflow: visible;
height: 1%;
}
div#rbox {
float: right;
display: inline;
margin: 0 0 0 5px;
}
This alternative has the drawback that you can't pull elements visible
over the edges of #ufwus - except in IE6 and older. That's why margins
on div#rbox has to be corrected, along with margins on #ufwus.
Other than that the isolation-effect is the same as before - which makes
your homepage line-up work with a few adjustments, and you'll get a
full-width container regardless of amount (width) of content - which
will solve your second case.
Don't think there are any other good CSS-only alternatives for your
layout, if you want the right-float on your homepage to line up as
intended.
regards
Georg
--
http://www.gunlaug.no
__
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] Strange things
At 02:55 PM 17/03/2008, Gunlaug Sørtun wrote:
Vicki Stebbins wrote:
[...] http://www.keenstreet-dev.com/index.php to site correctly.
Q. It was all working fine and then for no reason that I can figure
out when I go to the homepage the text is down the page or there's a
big gap in between paragraphs, on refresh it corrects?
I can't see anything wrong with your homepage in any of my win-browsers,
neither on first load nor when refreshed. Which browser is acting up?
Second: On this page the div holding the information is quirky...
http://www.keenstreet-dev.com/casestudy.php?the_cat=25
A table without declared width shrinks when there's not enough content
to space it out. That explains your second case. Since you can't declare
width and not control the amount (width) of content, you can't use
'display: table' there.
One possible alternative:
#ufwus {/*userfriendly web updating system*/
margin: 2px 3px 25px 25px;
overflow: hidden;
}
* html #ufwus {/* for IE6 and lower */
overflow: visible;
height: 1%;
}
div#rbox {
float: right;
display: inline;
margin: 0 0 0 5px;
}
This alternative has the drawback that you can't pull elements visible
over the edges of #ufwus - except in IE6 and older. That's why margins
on div#rbox has to be corrected, along with margins on #ufwus.
Other than that the isolation-effect is the same as before - which makes
your homepage line-up work with a few adjustments, and you'll get a
full-width container regardless of amount (width) of content - which
will solve your second case.
Don't think there are any other good CSS-only alternatives for your
layout, if you want the right-float on your homepage to line up as
intended.
regards
Georg
--
http://www.gunlaug.no
Hi Georg,
Peter wrote and said the same about the
homepage... I think it's me ;-( dear me sometimes
I just can't bear browsers and computers.
I will look at your fixes for the other and read
it carefully to try and fully understand what's
going on... sometimes I feel such a slow learner
with CSS but I could never go back to a table
design that's for sure... I need to keep on keeping on...
Many thanks for your help as usual Georg... may
your cows milk be rich and creamy ;-)
Kind regards
Vicki
__
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/
