Full Screen Style Issue

HTML & CSS
1

I’m having a little bit of a dilemma. The two problems are when viewing my page at full screen, how many people view web pages at full screen, should I be concerned ? When you view my page at full screen the background image makes the graphic have a edge, that can be fixed with a little graphic flair or redesigned. So many the first thing isn’t so much a problem, or maybe there is another method that I could go about in fixing ?

The second problem is the H1 tag, when you view the page at my current resolution which is {Window Width: 1168x840} {Viewport Width: 1152x614} at full screen the H1 tag should be near the base of the Footer not floating as it does in and only in full screen mode!

2

link?

If you have a fixed size background image then you should make sure it melts into the background at larger screensizes. This would be done in your paint package etc

3

Here is the link for the second problem.

4

1st. To have proper HTML you can only have one (1) h1 element per page.
2nd. What´s with all the absolute positioned stuff in there?

5

If you want a background all the way across the screen then you should repeat it on the body.


body {
 [B] background: url("/construction/images/bg_3dmot.jpg") repeat 0 0;[/B]

}
6

No, I want the H1 tag when the browser is at full screen it positions its self as if full screen is not enabled. When the browser is not at full screen the H1 tag positions it self near the footer in the lower right, but when the browser is at full screen the H1 floats.