Our new Indie Games subforum is now open for business in G&T. Go and check it out, you might land a code for a free game. If you're developing an indie game and want to post about it, follow these directions. If you don't, he'll break your legs! Hahaha! Seriously though.
Our rules have been updated and given their own forum. Go and look at them! They are nice, and there may be new ones that you didn't know about! Hooray for rules! Hooray for The System! Hooray for Conforming!
Webpage Layout Question
Sir CarcassI have been shown the end of my worldAustin, TXRegistered Userregular
So I've been delving into webdesign for a (non-internet) project at work. I'm having some difficulty with layouts. I have a basic understanding of CSS, but this one thing is eluding me.
I'm using Bootstrap, if that matters, but writing my own CSS stuff for certain things.
Basically, I'm trying to arrange some text. I have a row with 2 spans (2 and 10). The span2 is a nav list and converts to a scrollbar after 766px. span2 has a height set at 800px. I use items from the nav list to load pdfs in the span2. Inside the span10 is a div with class well. Inside that is a div with an id of pdfbox, which is what the pdf js targets.
I have some elements that load in that pdfbox div as a default. There's an img and 2 text blocks, <p id="pdfboxtext"> and <p id="revisiondate">. I'm using CSS and margins to position those three things in that div. I have the image horizontally centered in the box and towards the top, the pdfboxtext centered underneath that, and then revisiondate is down at the bottome of the box to the right. The problem I'm having is I'm using pixels to define the margin under the first text block, so if the window is shrunk and the well gets narrow, or the page is zoomed, the margins change and the revision date jumps up. Basically I need a way to make the revision date always be at the bottom of that box, regardless of what's going on with the box.