A small problem when putting Gallery within <div>'s...

term0r

Joined: 2005-06-08
Posts: 2
Posted: Wed, 2005-06-08 02:23

After not being happy with my old gallery's layout I have made a new gallery embedded inside a <div> layout. The gallery is on this temporary URL at the moment - http://newsite.term0r.com .

The site appears to work fine in Firefox and IE, with one exception. If you set your screen resolution to 1024x768 and view a full size photo in IE, the main content <div> jumps to the bottom of the screen, rather than to the right. My HTML and CSS validates fine. I much prefer the way that Firefox deals with the 1024x768 version of my page.

If anyone can give me suggestions to prevent IE behaving this way then please reply to this. If anyone can find any faults in how I am implementing my layout and what I should do to fix this I would also appreciate this. Please note, I very rarely use HTML and CSS.

Thanks,
Dave

 
khsjr1970

Joined: 2004-04-24
Posts: 271
Posted: Wed, 2005-06-08 05:29

Seems easier to add your header and your left sidebar to gallery then gallery to them. Thus eliminating the need to use<div> tags altogether. What is happening on your site will happen to anyone running a smaller resolution, that being said, the standard is still 800x600. While surfing through your pages, This is not ONLY happening in your gallery, and with a screen res of 800x600 it winds up worse.

Visit the sticky's at the top of this forum, there you will find the necessary changes you would need to accomplish this task, without all the hub bub .... bub : )

pixel poet has written a wonderfully easy tutorial to follow along with, showing you every line of code that would need to be changed to give you what you need that link is here http://tutorials.eclecticpixels.com/gallerytips/

see http://gallery.verymisunderstood.com for an example of what I am talking about. There you will see a header area, and a left side bar area, that was created by manpulating the HTML wraps within gallery itself.

In the newly created header area in gallery you would add your google ads, and header graphic, and in your newly created side bar in gallery you would add your navigation.

I have always found it easier to force a website design into gallery, then forcing gallery into a website design.