The "Almost Ready for Primetime" website... with IE problems

[Daphotos]

Hello everyone,

I am very excited and deeply gratified to almost have my website up. However, I have been experiencing some browser problems that I just can't seem to fix.

In Internet Explorer:
1) Blue boxes surrounding my top menu graphics. I have explored the boards for my problem and found various strings of code that hypothetically should fix this problem in IE and Firefox… but to no avail. The blue is still there in all browsers that are not Safari.

2. Strange image shifting when clicking “Photography” in the breadcrumb string while looking at the “Catalog”. It loads a preview pages, but the preview images shift off center within their boxes, whereas in all other views they are fine. Since I used the Bulk Zoom Editor for a clean square finish, is this problem unavoidable?

3. Unpleasant black and green “Search” button at the “search daphotos.net ” footer section. This looks find in Safari, but slightly horrendous in Internet Explorer, Firefox and other browsers.

Also, that delightful green color still popups up in the oddest text places in certain browsers. Even through I’ve written plenty of code to eradicate it.

If anyone else can check it out and see what problems they can come up with, I’d be very happy. My camera would be very happy. And most importantly, my beta fish, Mr. Blue fish would be happy too. For no other reason than he's just a happy fish.

The website is http://daphotos.smugmug.com
Or, the indirect route: http://www.daphotos.net

Thanks
Kimberly :wave

[S&SPhoto]

Hello everyone,

I am very excited and deeply gratified to almost have my website up. However, I have been experiencing some browser problems that I just can't seem to fix.

In Internet Explorer:
1) Blue boxes surrounding my top menu graphics. I have explored the boards for my problem and found various strings of code that hypothetically should fix this problem in IE and Firefox… but to no avail. The blue is still there in all browsers that are not Safari.

2. Strange image shifting when clicking “Photography” in the breadcrumb string while looking at the “Catalog”. It loads a preview pages, but the preview images shift off center within their boxes, whereas in all other views they are fine. Since I used the Bulk Zoom Editor for a clean square finish, is this problem unavoidable?

3. Unpleasant black and green “Search” button at the “search daphotos.net ” footer section. This looks find in Safari, but slightly horrendous in Internet Explorer, Firefox and other browsers.

Also, that delightful green color still popups up in the oddest text places in certain browsers. Even through I’ve written plenty of code to eradicate it.

If anyone else can check it out and see what problems they can come up with, I’d be very happy. My camera would be very happy. And most importantly, my beta fish, Mr. Blue fish would be happy too. For no other reason than he's just a happy fish.

The website is http://daphotos.smugmug.com
Or, the indirect route: http://www.daphotos.net

Thanks
Kimberly :waveHi Kimberly,

I really like your photography. You have some nice work. For some reason, though, IE 6.0 couldn't render the following pages properly:
http://daphotos.smugmug.com/Photography
http://daphotos.smugmug.com/Portfolio

Unfortunately, the laptop I'm using doesn't have the FF web developer's tool on it, so I can't help you out right now, but the crew here at dgrin should be able to help you work out the kinks. Thanks.

Samir

[Daphotos]

<bump>
I still need help on browser testing, IE blue box problem and the maladjusted photos in the "Portfolio" keyword section.

[richW]

Make a back-up css file first, then try these.

Blue boxes: #navcontainer img {border: 0px;}

About 3/4 way down on your css remove: loginLink {display: none;}

Remove extra }

body
{
margin-top: 55px;
background-image:
url('http://www.daphotos.net/background_dec.gif');
background-repeat: repeat
}
}

Strange image shift looks like it is coming from this, try removing it.
/* Galleries */
#category #galleriesBox .miniBox img {
padding:0 97px;
}

Search Button: #keywordSearch .buttons {border: outset silver 3px;}

[richW]

re: left over green....More info here: http://www.dgrin.com/showthread.php?t=52107

/* page picker mods */
.pageNav, a.pageOn {
color: #006699; /* this is the color for the Page N of N text */
font-weight: bold; /* match the photonav text, you may delete this if it's not bold */
}

.pageNav .nav {
font-weight: normal;
}

.pickerContent a.page {
color: #fff;
font-weight: normal;
}

.pickerContent a.page:hover {
background-color: #e8f2f4; /* this is the background hover color for the non-selected page, pick a light color from the theme */
color: #000; /* this is the text color, pick a dark color from the theme or use black */
}

.pickerContent a.pageOn, .pickerContent a.pageOn:hover {
background-color: #006699; /* this is the background for the selected page, pick a medium dark color from the theme */
color: #fff; /*text color for the selected page, light color or white */
}

[Daphotos]

:clap :clap :clap

THANK YOU!!!!!!!! It worked! Whew!


:lust On behalf of myself, my camera, and Mr. Blue the Beta Fish, we thank you.

[Over Achiever]

Great work!

There seems to be a little bit of extra space above the banner in a couple galleries: http://daphotos.smugmug.com/gallery/2470803 I'm viewing from Safari on Mac OS X.4

Maybe I'm just seeing things?

[PH[O]TO]

Hi Kimberly,

Really like your site design. For your "widescreen" slideshow frame, are you mostly cropping images to fill the frame, or are you shooting panoramas?

Thanks

[Daphotos]

Thank you!

For those particular shots (particularly seen in "Sun and Moon"), I cropped them in Photoshop. I'll be putting a "showcase" template around them with the location, my name and such, as there isn't really a true panorama printing size from EZ Prints.


TO']Hi Kimberly,

Really like your site design. For your "widescreen" slideshow frame, are you mostly cropping images to fill the frame, or are you shooting panoramas?

Thanks