Problema with background

R

Roy A.

Hi! I've creted a page that has 2 backgrounds (top and botton) with a
specific effect!!

It's all OK my problem is that when the page is too long "many content"
the backgound position isn't right .... can you help me??

This version is OK

http://www.nixor.it/demo/demo/index2.html

But If I insert many words:

http://www.nixor.it/demo/demo/index3.html

Can you help me?

It is hard to tell what your problem is. Even harder since what you
are seeing might be different from what I am seeing.

You should us a proper doctype before your html element, e.g.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
 
N

Neredbojias

Hi! I've creted a page that has 2 backgrounds (top and botton) with a
specific effect!!

It's all OK my problem is that when the page is too long "many
content" the backgound position isn't right .... can you help me??


This version is OK

http://www.nixor.it/demo/demo/index2.html



But If I insert many words:

http://www.nixor.it/demo/demo/index3.html


Can you help me?

Thanks

Check these dems:

http://www.neredbojias.org/_dems/crd_dem1.html

http://www.neredbojias.org/_dems/crd_dem2.html
 
S

sarah

sarah ha scritto:
Thanks!! It's a compromise but it works!!!


It works .... and I like this solution (if there isn't another one)

I've only this problem:

I'd like that these objects

<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>


are always in the bottom


Now if I've a long text on the page 3 object aren't on the bottom

Can you help me?

Thanks
 
N

Neredbojias

FF ... but I need that this works with all browsers

If you are having problems, it should be because of older browsers.
Retro-wise, I really don't know where things break down in each, but
I'm sure they do. Anyway, it works in the latest of ff, ie, chrome,
safari, and opera. Both links are the same markup; link 2 simply has
more content. (On the div positioned absolutely, I neglected to add
width:100% for pages with minimal content. Will upload correction.)
 
J

Jonathan N. Little

sarah said:
I'd like that these objects

<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>


are always in the bottom


Now if I've a long text on the page 3 object aren't on the bottom

Can you help me?

Always the bottom of the viewport (the part that is visible) or the
bottom of the document? Also how are these Footer bars arranged,
vertically stacked or side by side?

If the former, then google "sticky footer" if the latter, then just
place them after your last block element and by normal flow they will be
at the bottom.
 
S

sarah

Always the bottom of the viewport (the part that is visible) or the
bottom of the document? Also how are these Footer bars arranged,
vertically stacked or side by side?


Excuse but I don't know what do you mean!!

I've seen that when I've a long text I show 3 bars over my text

http://www.nixor.it/demo/demo/index3.html


I'd like to show 3 bars on the footer .... at the end of all text that I
can insert and (but this only if it's not a problem) before the
grandient image (on the white background)

is it possible??


Thanks
 
1

123Jim

sarah said:
Excuse but I don't know what do you mean!!

I've seen that when I've a long text I show 3 bars over my text

http://www.nixor.it/demo/demo/index3.html


I'd like to show 3 bars on the footer .... at the end of all text that I
can insert and (but this only if it's not a problem) before the grandient
image (on the white background)

is it possible??


Thanks

Google says: http://sunblu.sh/2008/09/pin-your-footers-with-css/
.... but as for your three bars .. put them all in the same div . and pin
that.
 
S

sarah

Ufffff I've the same problem :-(((((((

with

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

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

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

I can resolve the problem!

Please can you help me??

Are many days that I try to resolve this problem :-((
 
1

123Jim

sarah said:
Ufffff I've the same problem :-(((((((

with

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

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

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

I can resolve the problem!

Please can you help me??

Are many days that I try to resolve this problem :-((


I can't get my head around your HTML and your CSS.
Are there too many divs within divs which are styled by nested styles?
very confusing to me ..

If it was me , I'd start from scratch , and try not to build up too much the
complexity.
 
N

Neredbojias

"Neredbojias" <[email protected]> ha scritto nel messaggio

Well, my reply has nothing to do about these posts.
I only want to tell you that I like very much your website, all
trailers and pictures and everything you have put there. Thank you.

Hehe, thank you, Paul. It's nice to get a "thank you" or kudos once in
a while. Have a great millenium.
 
1

123Jim

sarah said:
Ufffff I've the same problem :-(((((((

with

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

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

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

I can resolve the problem!

Please can you help me??

Are many days that I try to resolve this problem :-((


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

sarah

If it was me , I'd start from scratch , and try not to build up too much the
complexity.

I know that my page is complex, but I need to set the position of 3
footer objects and haven't found other solutions :-((
 
S

sarah

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!
 
B

Beauregard T. Shagnasty

sarah said:
<!-- Footer (if content is long footer must always is on the bottom of
the page -->

Why do you want to take away my available content space? You want me to
need to scroll more than necessary I suppose.

What is in these three footer divs .. that I might glance at and
immediately ignore as I browse your site?
 
S

sarah

What is in these three footer divs .. that I might glance at and
immediately ignore as I browse your site?



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

Is it a problem this?

Thanks
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,755
Messages
2,569,536
Members
45,014
Latest member
BiancaFix3

Latest Threads

Top