CodingForums.com - View Single Post - Fullscreen-website with position property

Criz · 10-10-2012, 01:49 AM

Hello,

I'm building my new portfoliowebsite with XHTML and CSS and the problem is I'm not an expert.

My website will be al fullscreen-website with a few backgroundimages like the topbar (which is an image I repeat to 100% width) and my header. I seriously have no idea how I can do this.. Ohyeah, I'm also using a contrainer with 1000px in the center of my site.

First I tried to use the "position: absolute;" in CSS. The problem is because of the width of my container the website is not fullscreen but 1000px width in the center.

Then I tried the "position:fixed;" property in the topbar and header, but then if I scroll down the topbar and header will be visible at the top of the screen.

How to fix the issue? Who can help me so I can finish my portfoliowebsite

Thanks!!

P.S. Sorry for my bad English, I hope I made myself understood

10-10-2012, 01:49 AM	PM User \| #1
Criz New to the CF scene Join Date: Oct 2012 Posts: 2 Thanks: 0 Thanked 0 Times in 0 Posts	Fullscreen-website with position property Hello, I'm building my new portfoliowebsite with XHTML and CSS and the problem is I'm not an expert. My website will be al fullscreen-website with a few backgroundimages like the topbar (which is an image I repeat to 100% width) and my header. I seriously have no idea how I can do this.. Ohyeah, I'm also using a contrainer with 1000px in the center of my site. First I tried to use the "position: absolute;" in CSS. The problem is because of the width of my container the website is not fullscreen but 1000px width in the center. Then I tried the "position:fixed;" property in the topbar and header, but then if I scroll down the topbar and header will be visible at the top of the screen. How to fix the issue? Who can help me so I can finish my portfoliowebsite Thanks!! P.S. Sorry for my bad English, I hope I made myself understood