- This topic is empty.
-
AuthorPosts
-
July 9, 2013 at 11:08 am #46253jigneshParticipant
Hello all,
I hope you all are fine as this is my first discussion here and i would be happy if i get a solution to fix my problem.
I am working for one of my freelancing project and the thing is i am getting a problem with a middle division. as its affecting it with footer so how can i set my middle (wrapper) dynamically…
can any one please help me with this. What CSS can i use instead of height.
July 9, 2013 at 11:14 am #142018jurotekParticipantLooks like you need sticky footer solution. Google is your friend for that or search on here.
July 9, 2013 at 11:17 am #142026jigneshParticipant`
this div is with 100% widthwrapper which stays in the middle`
this is my code so i wont be able to use fix height as all site pages are dynamic height so when can i use instead of height in middle-wrap class to fit footer just below the wrapper division.
July 9, 2013 at 11:25 am #142020jigneshParticipant**sorry ignore my previous comment
now what CSS should i use to avoid height and not affect on footer division.
**July 9, 2013 at 11:26 am #142021Paulie_DMemberWe still don’t understand what you want the footer to do.
Should it always be at the bottom of the page regardless if the height of the content?
July 9, 2013 at 11:38 am #142028SamuelNeudeck22ParticipantBest I can tell if your footer is affecting your div that is not in the footer, then you need to separate the two. If you want a fixed footer on every page as Paulie_D asked then put it in its own footer div and give it a; position: fixed; and set your ‘top’ and ‘left’ properties accordingly. Then your footer will be constant and your main content can change. as far as height goes, make sure your using the box model correctly with your padding and margins then say either height: (insert px, em, or %), or max-height: (insert px, em, or %). I hope this helps. As a new poster like yourself I find it very helpful to use codepen and link to your problem page if possible so that people understand your question better.
July 9, 2013 at 11:44 am #142033Paulie_DMemberSticky footer can also work…no positioning required.
July 10, 2013 at 1:16 am #142071jigneshParticipantThank you so much for your special comments i appreciate it.. i will try with sticky footer so if i use this does my middle portion will be dynamic? how ever my middle portion will be increased or decreased footer will also stay with it???
July 10, 2013 at 1:49 am #142072jigneshParticipant**here is my code **
This is a fixed headerWITH 100% WIDTHwith fixed width contentJuly 10, 2013 at 6:01 am #142083Paulie_DMemberPlease try using Codepen to demonstrate your HTML & CSS.
I believe that we have already given you the answers you need.
July 10, 2013 at 8:39 am #142105gowda24ParticipantHi,
Check out the code below
[fixed footer…](http://codepen.io/gowda24/pen/ohCFn “fixed footer”)
When no content, the footer sticks to bottom.
When content added dynamically, and then height grows, as height given as auto, but
the footer remains at t bottom.July 10, 2013 at 10:29 am #142119Paulie_DMemberThis is a sticky footer and we’ve already given you an example.
July 11, 2013 at 6:38 am #142251jigneshParticipanthello guys thank you so much for your help and it is solved now with sticky footer….
**Thank you so much :)**
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.