Skip to content


«for all your web design needs»

Welcome to Jewels Web Graphics

Please use the Information section on the sidebar--> to help you find your way around the site, particularly the Using JWG tutorial if you are new to blogging, and wish to join us.

Help needed re css and iframe layout

Hello, I need help re a css and iframe layout I havge made in psp and uploaded to my web space. It looks fine to me on my res of 1024 but apparantly on larger monitors and resoloutions it is off center with the positioning. The page is here

http://starlightstudiographics.co.uk/Danny/Dannyapplesite.html

I have no idea how to get it to be centered and inline in all monitor sizes. Any help or comments would be much appreciated.

Love Kerry xx

9 Responses to “Help needed re css and iframe layout”

  1. Comment by Jewel from Great Britain (UK) your flag

    Hmmmm,
    It doesnt look right to me in any browser (IE, Opera or Firefox) at my resolution of 1280 x 1024. I have never used image maps and iframes as they are very inaccessible, and this could be part of the problem. In my humble opinion, you would be much better starting again with real css, no tables or frames, and using a wrapper and columns to achieve the layout desired. Where does all the film effect come from? Is it a background image?
    A fixed width wrapper of something like 780 pixels would ensure that your positioning stayed the same at all resolutions (this is what is in use here on the blog).
    I am sorry I cant offer any real help, but with so many frames, plus the image map, it is really hard to see what exactly is wrong. The content is great, but the layout could be so much more accessible and standards compliant. Maybe it is time to move on from AceHTML if it is not producing valid markup for you. When I learned how to write html myself, I moved to a simple text editor like HTML-Kit, and started writing my pages by hand using valid markup and stylesheets. The single most helpful link to get started in this area is W3Schools This site has absolutely everything you will ever need to know about how to build an accessible, standards compliant website. They even use it as a learning tool at my college! :grin:

  2. Comment by *Kerry* from Great Britain (UK) your flag

    Thanks Jewel, but that all looks very very complex, I am doing a lot of css already but a full layout looks scary. I have modified the site and reduced the iframes to one and made it lager in width and so that it stays central and no image mapping or image as the iframe, lol. Much simplar, but does it work ok in larger resoloution? I only check up 1024 x 768

    Thanks for the help

    love Kerry xx

  3. Comment by *Kerry* from Great Britain (UK) your flag

    PS: Why does it say I’m from Finland? How do I change the flag?

    LOL Kerry (Not from Finland!) xx

  4. Comment by Jewel from Great Britain (UK) your flag

    It works in IE, Opera 8.5 and Firefox in 1280×1024. :grin:
    I do urge you however for your next site, to really start from scratch with real css styling and ditch the tables, iframes, font tags and assorted detritus. I know it sounds scary and complex, but it isnt any more complex than all these tables and iframes, honestly. There are quite a few sites that have basic layouts you can use for free, so that you dont have to write all the css yourself. The end result looks great, and you will have learned to code for the future of the web, as standards-compliance and accessibility is definitely the way forward nowadays. :wink:

  5. Comment by Jewel from Great Britain (UK) your flag

    PS: You have been saying you are from Finland for some time now. I have absolutely no idea why, apart from the fact that presumably the flag software thinks your IP address comes from Finland. :cry2: Did you change your ISP this year?

  6. Comment by *Kerry* from Great Britain (UK) your flag

    Glad the site is working now. :wink: I was going to try from scratch but Danny liked this layout.

    I have been looking for templates to edit and trying out dreamweaver no luck though struggling with it all.

    I did change my isp to bt this year when I moved. Dunno how to change it back

    Take care and thanks
    Love Kerry xx

  7. Comment by Nikki from United States your flag

    :wave: Hi, Kerry it looks ok on my screen now. Guess you fixed what ever it was. I totally understand not wanting to get into the compliance standards etc. I’m going to but I do find myself dreading it. Right now I just want to learn to edit templates as I’ve joined a site that does templates but they must be edited to avoid having to buy a license. I have been trying to edit them & have decided that it will probably be easier to just go learn to do it. Depending on who made the template I guess, but some are a mess! For instance, I opened the page image in psp & there were layers that had nothing to do with the final view, layers with various pics on the layer but not all showed on the actual page etc. A mess! lol

    good to see you again!
    nikki

  8. Comment by Nikki from United States your flag

    :wave: Hi, Kerry it looks ok on my screen now. Guess you fixed what ever it was. I totally understand not wanting to get into the compliance standards etc. I’m going to but I do find myself dreading it. Right now I just want to learn to edit templates as I’ve joined a site that does templates but they must be edited to avoid having to buy a license. I have been trying to edit them & have decided that it will probably be easier to just go learn to do it. Depending on who made the template I guess, but some are a mess! For instance, I opened the page image in psp & there were layers that had nothing to do with the final view, layers with various pics on the layer but not all showed on the actual page etc. A mess! lol

    good to see you again!
    nikki

  9. Comment by Jewel from Great Britain (UK) your flag

    The moral here folks, is learn how to do it properly from the start, no matter how painful, as it will save a lot of time and heartache later on. :cry2:
    Trust me, I have been there, as many of you know.
    Go off to W3Schools, and get stuck in. You will become a better person for it! :grin: :grin:

Add your Comment

Click on an emoticon to add it to your comment, if you wish.

:moon: :D :) :( :confused: :cool: :lol: :x :P :oops: :cry: :hello: :clock: :coffee: :wink: :exclaim: :cry2: :flower: :redflower: :blueflower: :goldheart: :redheart: :cig: :computer: :headbang: :lips: :love: :mail: :mobile: :smile2: :star: :unhappy: :type: :wave: :rofl: :new:

You may use these quicktags to format your post.

«« Back