My portfolio
#1
Posted 25 September 2007 - 03:04 PM
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.
http://www.arzmir.net
#2
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
#3
Posted 26 September 2007 - 07:01 PM
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.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
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.
http://www.arzmir.net
#4
Posted 26 September 2007 - 07:38 PM
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?
#5
Posted 04 October 2007 - 09:54 PM
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.
#6
Posted 12 October 2007 - 10:47 PM
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...
http://www.arzmir.net
#7
Posted 15 October 2007 - 05:01 PM
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users