WebSite X5Help Center

 
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User

Content Div Height 100%?  en

Auteur : Marcus Vinicius Rocha Da Silva
Visité 2647, Followers 3, Partagé 43  
Mots-clés :: height,html

Content DIV height 100%? I'm building a custom template whit in wich Header and Footer have fixed heights, but the content DIV should ocuppy all the screen's space remaining.

Researching the web I concluded that the CSS attribute HEIGHT of one of the DIVs should be 100%, but I don't know if I'm right.

In other post (http://answers.websitex5.com/post/2874) Lika told me to add a HTML object linked to a CSS file; that HTML object should fill all the unused space. But I couldn't make it work, and my CSS knowledge is almost zero!

I'm attaching an image to example.

The upper one shows what I get when the content of an object inserted don't use all the height of the screen.

The lower image shows the desired result.

Thanks in advance for any help!

Posté le
12 RéPONSES
Incomedia
Steve J.
Incomedia

Hello, I deleted the other post because it was the same of this one.

Moreover I see you find a solution here answers.websitex5.com/post/2874 Wink

Lire plus
Posté le de Steve J.
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Auteur

Hi Steve! I wasn't able to implement the suggestion of Lika, so I'm trying to find

another solution... Frown

Lire plus
Posté le de Marcus Vinicius Rocha Da Silva
Incomedia
Steve J.
Incomedia

Hi Marcus, I asked Lika if he can have a look at this post... Actually I don't see any 'fast' solution that could also be easy if you are not familiar with CSS Undecided

Lire plus
Posté le de Steve J.
A. Lika
A. Lika
User

 Hello Marcus, but you just use the new version V9 ??

Lire plus
Posté le de A. Lika
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Auteur

Oh, now I saw that you asked if I JUST use V9. I also have V8, Lika! Excuse me, but my English isn't so good!

Lire plus
Posté le de Marcus Vinicius Rocha Da Silva
A. Lika
A. Lika
User

Hello Marcus I hope you understand, basically you want the footer does not have the space at the bottom  page?  see the image

Italiano:

Ciao Marcus spero di aver capito, praticamente vuoi che il footer non abbia quello spazio in fondo pagina giusto??  guarda l'immagine

Lire plus
Posté le de A. Lika
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Auteur

Almost it, Lika. The problem occurs when the content is insuficient to fill all the space of the screen between the header and the footer. In this case the footer rises up, and goes to the middle of the page. See the image.

Lire plus
Posté le de Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Auteur

I'd like that either with the content not filling all the space, the footer would be in the bottom of the page...

Lire plus
Posté le de Marcus Vinicius Rocha Da Silva
A. Lika
A. Lika
User

I'd like that either with the content not filling all the space, the footer would be in the bottom of the page... Now I understand you can not do this thing I do not know how I'm sorry

Lire plus
Posté le de A. Lika
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Auteur

Thanks anyway, Lika. I guess I must define the height of a DIV to 100% in CSS and HTML to achieve the effect. I'll search and, if I found a solution, I'll post it in the forum.

Thanks, man!

Lire plus
Posté le de Marcus Vinicius Rocha Da Silva