WebSite X5Help Center

 
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User

Content Div Height 100%?  en

Autore: Marcus Vinicius Rocha Da Silva
Visite 2649, Followers 3, Condiviso 43  
Parole Chiave: 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!

Postato il
12 RISPOSTE
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

Leggi di più
Postato il da Steve J.
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Autore

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

another solution... Frown

Leggi di più
Postato il da 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

Leggi di più
Postato il da Steve J.
A. Lika
A. Lika
User

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

Leggi di più
Postato il da A. Lika
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Autore

By the way, thanks a lot, Steve!

Leggi di più
Postato il da Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Autore

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!

Leggi di più
Postato il da 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

Leggi di più
Postato il da A. Lika
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Autore

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.

Leggi di più
Postato il da Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da A. Lika
Marcus Vinicius Rocha Da Silva
Marcus Vinicius Rocha Da Silva
User
Autore

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!

Leggi di più
Postato il da Marcus Vinicius Rocha Da Silva