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:
<!-- m --><a class="postlink" href="http://www.analogintelligence.co.uk/new/pages/showimage.php?image=82">http://www.analogintelligence.co.uk/new ... p?image=82</a><!-- m -->
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;
}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:
<!-- m --><a class="postlink" href="http://www.infinitypages.com/research/verticalcentereddiv.htm">http://www.infinitypages.com/research/v ... reddiv.htm</a><!-- m -->
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.Dave - That page checked out in Firefox 0.10.1, Opera 7.54, IE 5.01 and IE 5.5; all on Windows.Ben... which page? Pyro's or Lomokev's?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 (<!-- m --><a class="postlink" href="http://www.infinitypages.com/research/verticalcentereddiv.htm">http://www.infinitypages.com/research/v ... reddiv.htm</a><!-- m -->) belonged to you. Oops.
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!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... (<!-- m --><a class="postlink" href="http://www.infinitywebdesign.com/">http://www.infinitywebdesign.com/</a><!-- m -->)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!
<!-- m --><a class="postlink" href="http://www.analogintelligence.co.uk/new/pages/showimage.php?image=82">http://www.analogintelligence.co.uk/new ... p?image=82</a><!-- m -->
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;
}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:
<!-- m --><a class="postlink" href="http://www.infinitypages.com/research/verticalcentereddiv.htm">http://www.infinitypages.com/research/v ... reddiv.htm</a><!-- m -->
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.Dave - That page checked out in Firefox 0.10.1, Opera 7.54, IE 5.01 and IE 5.5; all on Windows.Ben... which page? Pyro's or Lomokev's?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 (<!-- m --><a class="postlink" href="http://www.infinitypages.com/research/verticalcentereddiv.htm">http://www.infinitypages.com/research/v ... reddiv.htm</a><!-- m -->) belonged to you. Oops.
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!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... (<!-- m --><a class="postlink" href="http://www.infinitywebdesign.com/">http://www.infinitywebdesign.com/</a><!-- m -->)cacheing problemsorry 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!