My portfolio

**Arzmir** · 09-25-2007 10:04 AM

I'm working on my portfolio, as I've been doing for years, since I'm never happy with it ^^

http://www.arzmir.net

I have ran into a rather difficoult CSS-problem with my background-footer. And was wondering if here was some css-gurus that was willing to help?

Any design comments and ideas are ofcourse very welcome too.

**harrisp9** · 09-26-2007 11:31 AM

Originally Posted by Arzmir

I'm working on my portfolio, as I've been doing for years, since I'm never happy with it ^^

http://www.arzmir.net

I have ran into a rather difficoult CSS-problem with my background-footer. And was wondering if here was some css-gurus that was willing to help?

Any design comments and ideas are ofcourse very welcome too.

Appears to me that your thumbnails are dead links =/ I'm running a Macbook pro, on mozilla firefox (latest ver). What problem are you having with your background footer? None is apparent to me.

-Paul

**Arzmir** · 09-26-2007 02:01 PM

Originally Posted by harrisp9

Appears to me that your thumbnails are dead links =/ I'm running a Macbook pro, on mozilla firefox (latest ver). What problem are you having with your background footer? None is apparent to me.

-Paul

Yeah the thumbnails are dead links at the moment, nothing is in it's final state except from most of the design. The problem I have is that the background footer doesn't "cling" to the bottom of the page when it expands to more then your screen height. F.ex. if you run 800x600 it will stay at 600 and not be on the bottom of the page if the content runs to, say, 1200px. The footer within the content part is where it's supposed to be, but the one in the background (the lighter and plain colored) will stay put and not follow the content.

A bit hard to explain so I'll paste some code:

Code:

<body>
<div id="bgfoot"></div>
</body>

Code:

html, body {
	position:relative;
	padding:0;
	margin:0;
	height:100%;
	text-align:center;
	background:url('gfx/bg.png') repeat-x #34680d;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	}
div#bgfoot {
	display:block;
	width:100%;
	height:125px;
	background:url('gfx/bgfoot.png');
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
	}

One way I found around this particular problem is making another wrapper, but then I will have problems with the content not filling up the screen height.

**harrisp9** · 09-26-2007 02:38 PM

Well, the "problem" is that the bgfoot div is positioned absolutely at the bottom of the page. I say "problem", because the way you have it set up looks great, only in cases that the browser window is very small will you see any discrepancy, and even then I think it looks fine.

I'm sure you know the wrapper div floats above the bg because of its z-index = 2 (while the bghead and bgfoot div are z-index = 1). The only way I could think of solving this problem is to make some sort of transparent div between the bghead and bgfoot div (z-index set to 1) that is as tall as your content. Then this would just create the problem of the bgfoot disappearing off the bottom of the page as you make the browser window smaller.

I know its hard to convey what I'm talking about, and honestly I wouldn't worry to much about this, it looks great! Anyone else agree with me on this?

**brand7** · 10-04-2007 04:54 PM

Design shows the same thing as Photographies!

I am not sure if it is supposed to be like that or not but it is. Also I would suggest changing Photographies to Photography, its already plural so you dont need to try and pluralize a word that can mean just one specific thing or many things.

I would change the height of the lines in between each nav bar link; just a few pixels.

Otherwise I like the layout, its pretty clean and simple.

**Arzmir** · 10-12-2007 05:47 PM

@brand7
Design and Photography is meant to show the same thing atm since they both link to empty pages, but it's different files ^^
Changing grammar next time I work on it.
Gonna look more into the height on my navigation as well. Thanks for the tip.

On the other hand I fixed my problem with my background footer not following the height of the content and it should now work properly. Some nasty nesting there...

**brand7** · 10-15-2007 12:01 PM

Your very welcome. Let me know when you get it all worked out would love to see the final product.

Thread: My portfolio

LinkBack

Thread Tools

Rate This Thread

Display

My portfolio

Bookmarks

Bookmarks

Posting Permissions