need help with CSS [Sitemap] - Digital Grin Photography Forum

joachim

Oct-24-2005, 10:18 AM

hi there

I have 4 categories showing on my site that all of the sudden are no longer centered within the site - I have no idea what happened. :dunno

How can I fix this? Even if I take out all the customization from the site that problem is still there.

I guess it doesn't really help that I'm a CSS beginner and doing this in my spare time late nights.

Any help is much appreciated. Thanks in Advance!
joachim
Please have a look: jlayesphotography.com

Andy

Oct-24-2005, 10:47 AM

here's what i have:

/* allows four categories to be featured on the home page */
#homepage #categoriesBox .boxBottom {margin:0; padding:0;}
#homepage #categoriesBox .miniBox {width:100px; height:auto; _height:1%; margin:0 43px; _margin:0 32px; padding:0;}
#homepage #categoriesBox .miniBox .albumTitle {clear:both; text-align:center;}

joachim

Oct-24-2005, 11:01 AM

Thanks Andy,

I posted your lines into the CSS but it still gives me the same: the galleries are cramped to the very left of the browser window.

is there anything else that I'm missing?

joachim

here's what i have:

/* allows four categories to be featured on the home page */
#homepage #categoriesBox .boxBottom {margin:0; padding:0;}
#homepage #categoriesBox .miniBox {width:100px; height:auto; _height:1%; margin:0 43px; _margin:0 32px; padding:0;}
#homepage #categoriesBox .miniBox .albumTitle {clear:both; text-align:center;}

Andy

Oct-24-2005, 11:04 AM

Thanks Andy,

I posted your lines into the CSS but it still gives me the same: the galleries are cramped to the very left of the browser window.

is there anything else that I'm missing?

joachim

/* Homepage Mods */
#homepage {margin-top:20px;}
#homepage #breadcrumb {display:none;}
#homepage #bioBox {top:10px;}
#homepage #bioBox .photo {_height:1%;}
#homepage .boxTop {display:none;}
#homepage #galleriesBox .boxBottom {margin:0; padding:0;}
#homepage #galleriesBox .miniBox {width:100px; height:auto; _height:1%; margin:0 43px; _margin:0 32px; padding:0;}
#homepage #galleriesBox .miniBox .albumTitle {clear:both; text-align:center;}
.homepage #footer, .homepage #feeds {position:relative; color:#A9B3BD; top:20px; _top:20px}
#footer a, #feeds a {color:#7a8998; font-weight:bold;}

dunno if any of these help. if not, you'll have to wait for one of the (much) smarter guys to show up :D

Mike Lane

Oct-24-2005, 02:00 PM

This is not a CSS problem. There is something that is causing problems in your html I think. Please post what you have in each html box of your cobranding. I already see some problems but I haven't identified exactly what is causing the wierd width problems yet.

joachim

Oct-25-2005, 05:10 AM

thanks Mike
this is what I have in my Header HTML:
"<HEAD>
<META name="description" content="Photography of Asia, Japan and HongKong by joachim layes. See and buy beautiful prints online.">
<META name="keywords" content="photography, asia, hong kong, japan, hongkong, online, gallery, photography, order prints jlayes">
</HEAD>

<div align="center">
<a href="http://www.jlayesphotography.com">
<img src="http://jlayesphotography.smugmug.com/photos/34579759-L.jpg" width="739" height="98" border="0"></a>

</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://www.jlayesphotography.com">home</a></li>
<li><a href="http://www.jlayesphotography.com/gallery/780195">order prints</a></li>
<li><a href="javascript:norobotmail('info_jlphotography', 'mac.com')">contact</a></li>
</ul>
</div>"

This is in the footer html
"
<div align="center">
</div>
<div id="BKGimages">
</div>
"

there's nothing in the tag field. In the Java, I have
"
function norobotmail(aUser, aDomain) {
document.location = "mailto:" + aUser + "@" + aDomain;
}
"

thanks
joachim
This is not a CSS problem. There is something that is causing problems in your html I think. Please post what you have in each html box of your cobranding. I already see some problems but I haven't identified exactly what is causing the wierd width problems yet.

joachim

Oct-25-2005, 05:16 AM

Mike Lane

Oct-25-2005, 08:19 AM

remembering that I had a script from www.statcounter.com (http://www.statcounter.com) on my side which I took away and haven't checked the site after, but maybe that is what caused it? Maybe I've taken something else away? Looks like I screwed something up...
joachim
first, you need to remove this:

<HEAD>
<META name="description" content="Photography of Asia, Japan and HongKong by joachim layes. See and buy beautiful prints online.">
<META name="keywords" content="photography, asia, hong kong, japan, hongkong, online, gallery, photography, order prints jlayes">
</HEAD>

This cannot be in the body of the document.

Second it looks like you removed too much. See that <div align="center"> in the header? It doesn't have a corresponding </div>. Fix that one. See this:

<div align="center">
</div>

in the footer? That's doing absolutely nothing for you. Get rid of that one.

Do that and then we'll see what else is wrong.

jfriend

Oct-25-2005, 08:36 AM

first, you need to remove this:

<HEAD>
<META name="description" content="Photography of Asia, Japan and HongKong by joachim layes. See and buy beautiful prints online.">
<META name="keywords" content="photography, asia, hong kong, japan, hongkong, online, gallery, photography, order prints jlayes">
</HEAD>

This cannot be in the body of the document.

Second it looks like you removed too much. See that <div align="center"> in the header? It doesn't have a corresponding </div>. Fix that one. See this:

<div align="center">
</div>

in the footer? That's doing absolutely nothing for you. Get rid of that one.

Do that and then we'll see what else is wrong. Also, you have a couple "&" in your bio that should be &

jfriend

Oct-25-2005, 10:21 AM

remembering that I had a script from www.statcounter.com (http://www.statcounter.com) on my side which I took away and haven't checked the site after, but maybe that is what caused it? Maybe I've taken something else away? Looks like I screwed something up...
joachim
Here's another clue for someone who's smarter about this CSS layout than I.

If you take most of the text out of your BIO section, the thumbnails start laying out in the right place, but then wrap to the wrong place. So, it looks like they have somehow lost their layout reference somehow and are laying out inline instead of in the right box. Here's what it looks like if you take out all your CSS and most of your Bio:

http://jfriend.smugmug.com/photos/41520714-L.jpg

jfriend

Oct-25-2005, 10:46 AM

remembering that I had a script from www.statcounter.com (http://www.statcounter.com) on my side which I took away and haven't checked the site after, but maybe that is what caused it? Maybe I've taken something else away? Looks like I screwed something up...
joachim OK, I think I figured it out. You have an extra </DIV> (or a missing <DIV>).

If I save your page to my hard disk and edit out one </DIV> right at the end of your Bio, your page lays out properly. So, either you have an extra </DIV> in your Bio or you lost a <DIV> somewhere before that. I can't for sure tell which it is. But, if you look in each of your customization sections and in your Bio for an unmatched DIV, you should be able to find the culprit.

Here's what it looks like on my hard disk after removing the extra </DIV>:
http://jfriend.smugmug.com/photos/41523030-L.jpg

joachim

Oct-26-2005, 07:40 AM

John

that was indeed it!!! Thank you so much.

Sorry for keeping all of you guys busy with this one.

Am I glad this is fixed.. Thanks everybody
joachim
:):
OK, I think I figured it out. You have an extra </DIV> (or a missing <DIV>).

If I save your page to my hard disk and edit out one </DIV> right at the end of your Bio, your page lays out properly. So, either you have an extra </DIV> in your Bio or you lost a <DIV> somewhere before that. I can't for sure tell which it is. But, if you look in each of your customization sections and in your Bio for an unmatched DIV, you should be able to find the culprit.

Here's what it looks like on my hard disk after removing the extra </DIV>:
http://jfriend.smugmug.com/photos/41523030-L.jpg