Click to See Complete Forum and Search --> : simple beginners css problem


lomokev
10-09-2004, 05:17 AM
i have been on this forum for a while and i see that every body is always on about css. i have never done any thing with css being a action Script-er, never had the need. but i was making a little site of my own with css and have come in to a little problem:

http://www.analogintelligence.co.uk/new/pages/showimage.php?image=82

the image is ment to be in the middle of the page but for some reason it s not in all browsers (except safari)? don't under stand why because i have had no problems placing the "< last image" & "back to montage" & "next image >" buttons as these are placed with css so why dose my big image not place it self right?

this is part of my style sheet big_image is the the style that is not working:

#big_image {
position:absolute;
top:0px;
left:162px;
width:445px;
height:290px;
background-color: #333333;
overflow: hidden;
}

#box_b {
position:absolute;
top:305px;
left:162px;
width:100px;
height:30px;
background-color: #333333;
overflow: hidden;
}

#boxmid {
position:absolute;
top:305px;
left:334px;
width:100px;
height:30px;
background-color: #333333;
overflow: hidden;
}

#box_n {
position:absolute;
top:305px;
left:507px;
width:100px;
height:30px;
background-color: #333333;
overflow: hidden;
}

DaveSW
10-09-2004, 05:52 AM
remember that people have different screen resolutions, so setting a number of pixels for it to appear from the left will appear different in every browser and screen resolution.

A good example of the css for what you are doing is available on Pyro's old site:
http://www.infinitypages.com/research/verticalcentereddiv.htm

Then I suggest you put your menu items underneath, put them all in a div with text-align: center; and then float the one to the left, the other to the right, and let the third come up between.

Ben Rogers
10-09-2004, 03:00 PM
Dave - That page checked out in Firefox 0.10.1, Opera 7.54, IE 5.01 and IE 5.5; all on Windows.

DaveSW
10-09-2004, 03:22 PM
Ben... which page? Pyro's or Lomokev's?

Ben Rogers
10-09-2004, 04:01 PM
Originally posted by DaveSW
Ben... which page? Pyro's or Lomokev's? Oh, sorry. I didn't check the domain, and was under the impression that page (http://www.infinitypages.com/research/verticalcentereddiv.htm) belonged to you. Oops. :p

DaveSW
10-09-2004, 04:04 PM
lol - I wasn't sure whether you were arguing Lomokev's code worked fine or whether you were telling me some extra browsers that Pyro's worked in! Send him a PM with the details in - I know he's always glad to have more testing done for free!

Ben Rogers
10-09-2004, 04:10 PM
Nah, I think Infinity web pages as a whole is dead. I don't know why it's even up anymore, taking into consideration the existance of Infinity web design... (http://www.infinitywebdesign.com/)

lomokev
10-10-2004, 10:21 AM
cacheing problem

sorry guys there was nothing wrong with the page it was a cacheing issue check it 2 hours later on both MAC/PC on all browsers and it was fine!