Welcome!

And don't forget to edit your signature & profile.

 

Icon

Smashing Links

Statistics

  • Total posts 23318
  • Total topics 4048
  • Total members 5574
  • Our newest member
    ALF5583

TOP POSTERS

View unanswered posts View active topics

Board index » Coding & Scripting » CSS and (X)HTML

Test case for CSS/HTML.

All problems and developments related to (X)HTML-markup and stylesheets are discussed and resolved here.
  Post a reply
   

Test case for CSS/HTML.

Postby henrikaagaard » Thu Oct 29, 2009 5:27 am

I'm trying to create a page which uses the full width and height of a browser. Also when resized after the page has loaded.

The example can be found on:
http://henrikaagaard.com/beta

As you (hopefully) can see, it should illustrate a page with a kind of 3D look with depth.

The only issue I've found is if you resize your browser too less than 760px in width, then the right side (when scrolling) isn't filled with color and are just plain white.

Are there perhaps anyone with a solution to this bug and can you find any other bugs?
I'm trying to make the page as bullet proof as possibly :-)
henrikaagaard
 
Posts: 4
Joined: Thu Oct 29, 2009 5:23 am
Top
   
   

Re: Test case for CSS/HTML.

Postby TT_Mark » Thu Oct 29, 2009 2:45 pm

Is there really a need to code to less than 760px?
Hey look! I made a blog! http://www.msinkinson.co.uk
User avatar
TT_Mark
Smashing <li>
 
Posts: 401
Joined: Tue Feb 10, 2009 6:27 am
Location: Sheffield, UK
Top
   
   

Re: Test case for CSS/HTML.

Postby henrikaagaard » Thu Oct 29, 2009 6:20 pm

I actually don't know. But it was also just to learn why the bug appears and how to solve it.

Does the site otherwise look O.K. in your browser?
henrikaagaard
 
Posts: 4
Joined: Thu Oct 29, 2009 5:23 am
Top
   
   

Re: Test case for CSS/HTML.

Postby falkencreative » Thu Oct 29, 2009 6:42 pm

One way to fix that would be to add a horizontally repeating image to the <body>. If you use the same brown/green image (or make a new one that just has the slice that you need) that you are using in the right side of the site, it should remove the white background issue.
Benjamin Falk | student : designer : developer
http://www.falkencreative.com | http://www.twitter.com/falkencreative
User avatar
falkencreative
Smashing <li>
 
Posts: 261
Joined: Sun Jan 18, 2009 7:25 pm
Location: Chico, CA
Top
   
   

Re: Test case for CSS/HTML.

Postby TT_Mark » Thu Oct 29, 2009 7:06 pm

Yes, the site looks fine in my browser apart from the whitespace when you shrink the browser to less than 760px
Hey look! I made a blog! http://www.msinkinson.co.uk
User avatar
TT_Mark
Smashing <li>
 
Posts: 401
Joined: Tue Feb 10, 2009 6:27 am
Location: Sheffield, UK
Top
   
   

Re: Test case for CSS/HTML.

Postby henrikaagaard » Fri Oct 30, 2009 10:10 am

It seems as position: fixed; instead of position: absolute; fixes the problems so it is positioned according to the browser window.
henrikaagaard
 
Posts: 4
Joined: Thu Oct 29, 2009 5:23 am
Top
   
   

Re: Test case for CSS/HTML.

Postby henrikaagaard » Sun Nov 01, 2009 10:55 am

position: fixed; didn't fix it. Forgot to check Internet Explorer.
So back to absolute again.
henrikaagaard
 
Posts: 4
Joined: Thu Oct 29, 2009 5:23 am
Top
   
  Post a reply

Return to CSS and (X)HTML



Who is online

Users browsing this forum: No registered users and 1 guest