Problema with background

[Beauregard T. Shagnasty]

sarah wrote:

[Beauregard wrote:]

Space is dynamic.... and can contain many text ... at the end I need
always show these 3 footer div

Is it a problem this?

Can contain many text? So you are saying this fixed area might take up
possibly *half* of my vertical 600 pixels?

Yes, this a problem is.

 

[123Jim]

take a look here: http://myweb.tiscali.co.uk/ladycroft/test.html
Is that what you are trying to achieve?

With your solution I haven't other objects in my page

I try to comment my objects


<div id="Logo"></div>

Here I show my Menu

<div id="Banner" align="center">
<img src=...>
</div>


<!-- Left area (Content) -->
<div class="Content">
<div class="Bar" id="Bar_SubPage">[[*longtitle]]</div>
<div class="Content_SubPage">
this is my content
</div>
</div>


<!-- Right area -->
<div class="Content">
<div class="Bar" id="BarEvidenza"></div>
<div class="ContentEvidenza">
banner
</div>

<div class="Bar" id="BarNews"></div>
<div class="ContentNotizie">
list of news
</div>
</div>





<!-- Footer (if content is long footer must always is on the bottom of the
page -->
<div class="Footer">
<div class="bar" id="FooterBar1"></div>

</div>

<div class="Footer">
<div class="bar" id="FooterBar2"></div>
</div>

<div class="Footer">
<div class="bar" id="FooterBar3"></div>
</div>


</body>
</html>



I hope that you can help me!

I have given it a try and all I have is this so far:
http://myweb.tiscali.co.uk/ladycroft/test.html (updated)

I messed around with it .. and found the footer static and the bars, moving.
So I started afresh.
The copy online now has a footer with bars that move together.. so that is
some progress.

If the text is started from the top div then the body and the footer will
stay static (bad)
but if the text is started in the content div it will push the footer +
bars always at the bottom. (good)

The funny thing is I can't quite figure out what I have done differently on
this new version to have it work .. correctly as I see it .. but .. maybe it
will be helpful.

How are you progressing?

 

[Neredbojias]

Space is dynamic.... and can contain many text ... at the end I need
always show these 3 footer div

For chrissake! If you would have said that in the first place, it
would've saved me all the time I spent making that example which link I
posted earlier and you commented only briefly on! I used fixed-footers
for years, abandoning them for reasons stated succinctly in this
thread. Okay, maybe English isn't your native language, but I don't
think you're any more polite than conversational so as for the
solution, go scratch your ass.

Is it a problem this?

Thanks

'Welcome.

 

[123Jim]

take a look here: http://myweb.tiscali.co.uk/ladycroft/test.html
Is that what you are trying to achieve?

With your solution I haven't other objects in my page

I try to comment my objects


<div id="Logo"></div>

Here I show my Menu

<div id="Banner" align="center">
<img src=...>
</div>


<!-- Left area (Content) -->
<div class="Content">
<div class="Bar" id="Bar_SubPage">[[*longtitle]]</div>
<div class="Content_SubPage">
this is my content
</div>
</div>


<!-- Right area -->
<div class="Content">
<div class="Bar" id="BarEvidenza"></div>
<div class="ContentEvidenza">
banner
</div>

<div class="Bar" id="BarNews"></div>
<div class="ContentNotizie">
list of news
</div>
</div>





<!-- Footer (if content is long footer must always is on the bottom of
the
page -->
<div class="Footer">
<div class="bar" id="FooterBar1"></div>

</div>

<div class="Footer">
<div class="bar" id="FooterBar2"></div>
</div>

<div class="Footer">
<div class="bar" id="FooterBar3"></div>
</div>


</body>
</html>



I hope that you can help me!

I have given it a try and all I have is this so far:
http://myweb.tiscali.co.uk/ladycroft/test.html (updated)

I messed around with it .. and found the footer static and the bars,
moving.
So I started afresh.
The copy online now has a footer with bars that move together.. so that
is
some progress.

If the text is started from the top div then the body and the footer will
stay static (bad)
but if the text is started in the content div it will push the footer +
bars always at the bottom. (good)

The funny thing is I can't quite figure out what I have done differently
on
this new version to have it work .. correctly as I see it .. but .. maybe
it
will be helpful.

Try as I may I have yet to figure out what the OP's problem/issue/goal is.
At first I thought: Oh, she want a fixed footer with three "things" in
it. (And those "things" are just empty graphics boxes with no content.
And no indication of what they are really intended to contain or
represent, nor what function they are to have.)

At which point I was going to offer up:

http://edmullen.net/test/fixed_footer_example.php

Then it seemed, no, the footer should have three "things" in it but not
always be visible, just always at the end of whatever scroll area a given
page content produced. Well, hell, that's pretty simple, eh? Every one of
the pages on my site do that (see link in my sig) via a PHP include.

So, people have been throwing "solutions" at this undefined problem. And
it's no wonder the OP is confused, since, obviously, English is not her
first language and, while it is mine, I'm still mightily confused.

And no matter how often I look at her URL, well, it's a functional mess
that tells me nothing. Even a .jpg mock-up would be better.

I suggest we go back to square one.

Sarah? Please. Take some time to re-state your problem. Make a new test
case and post a URL. Let's all be patient with the patient and see if we
can find a cure.


--
Ed Mullen
http://edmullen.net
"I don't think I handle the notes much differently from other pianists.
But the pauses between the notes - ah, there is where the artistry
lies!" - Artur Schnabel

Wise words Ed ....

Update on my efforts;
http://myweb.tiscali.co.uk/ladycroft/test.html
(same link)

I've cheated a bit as regards those three upper images, as I think they are
background images within divs ,, in Sarah's webpage ... so there is more I
could do there ..
There is at least one problem with my version: adding padding to divs will
start to make things look strange, unless attention is paid the overall size
of divs .. but that's fun for another day.

 

[Gus Richter]

.......... Still, do we really understand what
"Sarah" wants? I'm not sure. So, any "solutions" we offer are, at best,
randomly targeted. Might work, might not, might be close, might be
totally off base.

I'm not going to waste any more time even reading about it until Sarah
can explain what she wants to do. Explicitly. With examples.

I know, languange barrier and all.

Sorry, need better info.

I didn't get involved because there's just too much to be changed. No
doctype used, deprecated html 3.2 tags used, Floats are not used
properly and in particular float: center; is also used. Needs a fresh
start with very close supervision.

I recommend the OP to do some reading.

 

[idle]

I didn't get involved because there's just too much to be changed. No
doctype used, deprecated html 3.2 tags used, Floats are not used
properly and in particular float: center; is also used. Needs a fresh
start with very close supervision.

I recommend the OP to do some reading.

Why should she?
By the time all the posts are done, she'll have everything she'll need to
just fill in the content.
Unless she posts the txts here and someone does that as well.


Pays to have boobies huh?

 

[123Jim]

take a look here: http://myweb.tiscali.co.uk/ladycroft/test.html
Is that what you are trying to achieve?

With your solution I haven't other objects in my page

I try to comment my objects


<div id="Logo"></div>

Here I show my Menu

<div id="Banner" align="center">
<img src=...>
</div>


<!-- Left area (Content) -->
<div class="Content">
<div class="Bar" id="Bar_SubPage">[[*longtitle]]</div>
<div class="Content_SubPage">
this is my content
</div>
</div>


<!-- Right area -->
<div class="Content">
<div class="Bar" id="BarEvidenza"></div>
<div class="ContentEvidenza">
banner
</div>

<div class="Bar" id="BarNews"></div>
<div class="ContentNotizie">
list of news
</div>
</div>





<!-- Footer (if content is long footer must always is on the bottom of the
page -->
<div class="Footer">
<div class="bar" id="FooterBar1"></div>

</div>

<div class="Footer">
<div class="bar" id="FooterBar2"></div>
</div>

<div class="Footer">
<div class="bar" id="FooterBar3"></div>
</div>


</body>
</html>



I hope that you can help me!

Try this updated version:
http://myweb.tiscali.co.uk/ladycroft/test.html

I *think* It has the basic structure you were trying to create.
There will be much more to do naturally, especially since I abandoned your
stylesheet and created: newstyle.css

have fun

 

[dorayme]

Try this updated version:
http://myweb.tiscali.co.uk/ladycroft/test.html

Why not give OP a Strict doctype while at it?

 

[123Jim]

Why not give OP a Strict doctype while at it?

I let Kompozer handle that part ..
but I think there might be a bug in kompozer that fails to set the doctype
to strict. It seems to revert to loose when saving the document.

but , since you've pointed it out I have updated the webpage to strict.
cheers!

 

[dorayme]

I let Kompozer handle that part ..
but I think there might be a bug in kompozer that fails to set the doctype
to strict. It seems to revert to loose when saving the document.

but , since you've pointed it out I have updated the webpage to strict.
cheers!

Good for you.

 

[Jonathan N. Little]

I let Kompozer handle that part ..
but I think there might be a bug in kompozer that fails to set the doctype
to strict. It seems to revert to loose when saving the document.

Tools > Options... > Advanced > Markup

Language: HTML 4
DTD: Strict

 

[123Jim]

Tools > Options... > Advanced > Markup

Language: HTML 4
DTD: Strict

I tried to set it up that way, but then found my doctype had reverted .. I
figured Kompozer had judged my markup not to be strict at some later save
point. Software's a critic now
I'll set it back and keep an eye on it.
cheers.

 

[123Jim]

take a look here: http://myweb.tiscali.co.uk/ladycroft/test.html
Is that what you are trying to achieve?

With your solution I haven't other objects in my page

I try to comment my objects


<div id="Logo"></div>

Here I show my Menu

<div id="Banner" align="center">
<img src=...>
</div>


<!-- Left area (Content) -->
<div class="Content">
<div class="Bar" id="Bar_SubPage">[[*longtitle]]</div>
<div class="Content_SubPage">
this is my content
</div>
</div>


<!-- Right area -->
<div class="Content">
<div class="Bar" id="BarEvidenza"></div>
<div class="ContentEvidenza">
banner
</div>

<div class="Bar" id="BarNews"></div>
<div class="ContentNotizie">
list of news
</div>
</div>





<!-- Footer (if content is long footer must always is on the bottom of the
page -->
<div class="Footer">
<div class="bar" id="FooterBar1"></div>

</div>

<div class="Footer">
<div class="bar" id="FooterBar2"></div>
</div>

<div class="Footer">
<div class="bar" id="FooterBar3"></div>
</div>


</body>
</html>



I hope that you can help me!

Updated: http://myweb.tiscali.co.uk/ladycroft/test.html

I thought it would be fun to have the text ride over footer background but
under the panels/footerbars.

I see one major problem in the page now though, and that is, if the viewer
has a screen less than 1000 pixels wide then they will never see the right
hand side footer bar due to the footer being 'fixed'

maybe javascript is the only way? .. but if someone has javascript turned
off they still wont see it.