• I have put an image in the head of my blog, but I have a little problem with it. With my screen’s resolution (1024×768) I have no problem with this image but when I try a lower (800×600) or higher (1024×768) this image doesn’t fit to the screen. Is there any code to adapt the image to any resolution?
    Thanks. (& sorry for my English)

Viewing 5 replies - 1 through 5 (of 5 total)
  • You can set the image width to whatever you want it to be using CSS. I do not know for sure if you can have a relative (%) width for the div for the image, in your css stylesheet, but I think it should be possible.
    Your English is better than mine 🙂

    Yeah, I am on 800×600 here at work and your page is a bit messed up. The header image goes over the box, so does the calendar.
    If you want to do a two column layout, maybe you could try using Roots Gemini template.
    http://www.atthe404.com/wordpress/

    Thread Starter nastrud

    (@nastrud)

    I suppose that there’s a code to add to my CSS sheet that allows the image and posts in ‘body’ adapt to any kind of configuration. I’ve seen also that posts also keep the original size when I change resolution. For example, a photo of my last post is perfectly seen in 1024×748 but in 800×600 only a half of it can be seen.
    My blog is: http://www.dissimulat.com

    It’s not just CSS.
    An image that is 1024 wide will stay that wide no matter how you view it. If you look at it a monitor with a res of 2000, then it will not occupy the whole screen. If you look at it on a monitor with a res of 800, you will only see about 80% of the image before it either scrolls or gets cut off.
    You have choices:
    1 – Use a main image that will fully display at 800 and then a background pattern that will fill in any expanded areas when it is viewed at a higher res.
    2 – Find and use a script that determines the screen size of the person looking at your site. You can then send them to preset files you have created that cater for each screen size. Somewhere like hotscripts or dynamicdrive will have something.
    CSS presents styles, but CSS alone cannot make any sort of judgement as to what to actually present – it’s essentially a static list.
    Also, be aware that there are a LOT of screen sizes. Stats on my site indicate 27 different dimensions ………

    Thread Starter nastrud

    (@nastrud)

    Thanks Podz, I’m working on the first option you suggested. The second option is too much for me at this very moment.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Image problems in Header’ is closed to new replies.