Hi,
For my site www.beesdesign.nl I have used layers in html to get the content (text) top appear before the picture in the center of my page.
If you look at the site at resolution 1024x768 in IE everything looks fine, but when you look at the site in a diffrent resolution ( 800x600 or 1280x1024) then the center part with the tekst and the picture shifts to the left or the right....
In firefox I don't have this problem. No matter with what resolution you look at the site al stays in place and looks well...
Does anybody know how to fix this for IE??
Thanks very much for all your help!
grz Kay
HTML Layer problem
Re: HTML Layer problem
validation is always important when dealing with IE bugs...
http://validator.w3.org/check?verbose=1 ... sign.nl%2F
hope this helps
http://validator.w3.org/check?verbose=1 ... sign.nl%2F
hope this helps
Re: HTML Layer problem
no not really, something it says I could find like the margin comments, but it also says I was missing tags arround my images, but when I look at hte source thay are there....
I think it has to do with that for the use of layers you have to give a start location vor the layers ( like (30,560) and (35, 570)) and IE cant handle that as good as firefox can...
I think it has to do with that for the use of layers you have to give a start location vor the layers ( like (30,560) and (35, 570)) and IE cant handle that as good as firefox can...
Re: HTML Layer problem
IE's support for css is very lacking (even in version 7 although it is much better)
IE6 claims to be fully css1.0 compatible (which it isnt, test with background-position)
BUT ie supports css much better if it is in standards compliant mode. For valid pages IE uses standards compliant mode but if there are any errors IE switches to quirks mode rendering which is almost impossible to fix with css.
This is the reason why I cant help you without first having valid html base to start checking with (plus I dont have any windows machines handy atm)
btw. "end tag for "img" omitted, but OMITTAG NO was specified." means you didnt end your img tag properly
IE6 claims to be fully css1.0 compatible (which it isnt, test with background-position)
BUT ie supports css much better if it is in standards compliant mode. For valid pages IE uses standards compliant mode but if there are any errors IE switches to quirks mode rendering which is almost impossible to fix with css.
This is the reason why I cant help you without first having valid html base to start checking with (plus I dont have any windows machines handy atm)
btw. "end tag for "img" omitted, but OMITTAG NO was specified." means you didnt end your img tag properly
Re: HTML Layer problem
ok I've made changes (thnx for your tip) and it now passes the validation test for the link you posted..
Thnx for helping out, hope you can help out some more..?
Thnx for helping out, hope you can help out some more..?
Re: HTML Layer problem
Great, to be honest I didnt even really look at your page becouse it didnt validate but now that I did look at it you might want to consider using some other way of accomplishing this layout.
if you really want to restrict your page size to that box you can do it much easier with just two divs. first div (lets call it wrapper) will hold that image as a whole and set as a background image. second div (lets call it content) will be inside that first div and positioned with margins. something like this
your menu (maybe the menu image or maybe even something that can be changed without changing that image) will go here
your content goes here
this way you have semantic structure on your site (no tables) and changin font size wont destroy the whole layout (as it does now) plus overflow:auto can make a scrollbar for you if content is too long (but bg will still be in place while you scroll)
ofcourse you want to take those inline styles out and put them in external stylesheet
hope this helps
if you really want to restrict your page size to that box you can do it much easier with just two divs. first div (lets call it wrapper) will hold that image as a whole and set as a background image. second div (lets call it content) will be inside that first div and positioned with margins. something like this
your menu (maybe the menu image or maybe even something that can be changed without changing that image) will go here
your content goes here
this way you have semantic structure on your site (no tables) and changin font size wont destroy the whole layout (as it does now) plus overflow:auto can make a scrollbar for you if content is too long (but bg will still be in place while you scroll)
ofcourse you want to take those inline styles out and put them in external stylesheet
hope this helps
