View New Content

Forums
More

Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

My portfolio

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

Please log in to reply

&nsbp;

#1 Arzmir

Junior Member

Designer
26 posts

Posted 25 September 2007 - 03:04 PM

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.

"I'll make him a design he can't refuse!"
http://www.arzmir.net

Back to top
Report

#2 harrisp9

Apprentice Designer

Designer
54 posts

Posted 26 September 2007 - 04:31 PM

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

Back to top
Report

#3 Arzmir

Junior Member

Designer
26 posts

Posted 26 September 2007 - 07:01 PM

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:

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

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.

"I'll make him a design he can't refuse!"
http://www.arzmir.net

Back to top
Report

#4 harrisp9

Apprentice Designer

Designer
54 posts

Posted 26 September 2007 - 07: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?

Back to top
Report

#5 brand7

Apprentice Designer

Designer
52 posts

Posted 04 October 2007 - 09: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.

Back to top
Report

#6 Arzmir

Junior Member

Designer
26 posts

Posted 12 October 2007 - 10: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...