mumford1 — 2014-03-05T14:16:07-05:00 — #1
I am using Bootstrap 3 and I have my header and footer in place.
I have attached an image as to what I am trying to achieve, as I have tried but just cannot get it to work.
The background needs to span the full width of the screen and the text needs to stay within the container.
This content sites just beneath the header and navigation.
Can somebody please help me with this, as I just cannot get it to work
Many Thanks, I would really appreciate it.
ronpat — 2014-03-05T15:23:29-05:00 — #2
Hi, mumford1. I'm not sure whether or not we can help you, but it's a sure bet that we can't do you any good without seeing your code.
Do you suppose you can post a link to your page?
Please understand that we are not a Bootstrap shop, but we will give it a shot from a CSS perspective. You may have to translate our advice into "Bootstrap" to make it work.
mumford1 — 2014-03-06T02:46:31-05:00 — #3
I have uploaded 4 examples I have been working http://www.cre8tivesource.co.uk/test/about-us.html
The bottom one is the closest, but I cannot seem to pull up the text any further to the top. Hope this helps.
ralphm — 2014-03-06T04:56:07-05:00 — #4
You are better off using a true background image. It makes life much easier. E.g.
mumford1 — 2014-03-07T01:39:47-05:00 — #5
But does that not have problems for versions of IE?
ronpat — 2014-03-07T01:53:49-05:00 — #6
Which versions of IE do you wish to support?
mumford1 — 2014-03-07T02:07:15-05:00 — #7
ralphm — 2014-03-07T02:09:25-05:00 — #8
Supporting 7 is a waste of time, and so too (arguably) is IE8. But it's up to you. For those browsers, you could just have a wide, centered bg image and be done with it.
mumford1 — 2014-03-07T02:21:43-05:00 — #9
ronpat — 2014-03-07T02:24:12-05:00 — #10
Bootstrap 3 does not support IE7.
Seems that some degree of compatibility can be obtained, but achieving that is up to the individual.
(I have not read the article. And I agree with Ralph that it's a waste of energy.)
mumford1 — 2014-03-07T02:26:42-05:00 — #11
Ok, but I would like to get this working for example on Firefox and Chrome, that would be a big help.
ralphm — 2014-03-07T03:47:41-05:00 — #12
OK, and where's your live example?
mumford1 — 2014-03-07T04:01:57-05:00 — #13
ralphm — 2014-03-07T06:39:59-05:00 — #14
It would be more useful to see the page where you really want this to go, though.
mumford1 — 2014-03-07T07:36:49-05:00 — #15
I do not have that at the moment, is this not ok? http://www.cre8tivesource.co.uk/test/about-us.html
ronpat — 2014-03-07T17:33:19-05:00 — #16
I don't understand what that page is supposed to represent. Is that showing 4 of your attempts to raise the text? Just create a page that shows your best effort. We may be able to work with that.