Windows resizing problem

Talk about writing modules and plugins for CMS Made Simple, or about specific core functionality. This board is for PHP programmers that are contributing to CMSMS not for site developers
Locked
User avatar
Neo
Forum Members
Forum Members
Posts: 62
Joined: Thu Jan 18, 2007 1:09 am

Windows resizing problem

Post by Neo »

Hi all,
      I am designing a website using CMSMS and have finished the initial layout and template part. I have a global content block image header that appears across all the pages in the website. The image header looks fine and fits the window perfectly when the windows is in maximized position. When I minimized the window or changed the window size, the image header looks distorted and appears in two lines instead of one line. Moreover, in the main content section, the side table (which appears properly in the window normal position) appears at the bottom of the page when I minimize or change the size of the window.  :(

Any pointers on how to handle the same objects for different sizes of the browser window?

Thanks in advance,
Neo
User avatar
Neo
Forum Members
Forum Members
Posts: 62
Joined: Thu Jan 18, 2007 1:09 am

Re: Windows resizing problem

Post by Neo »

Hi all,
    Any updates on the problem mentioned above. I am having a tough time in figuring out this  :(. Any help really would be great.

Thanks,
Neo
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm
Location: Finland

Re: Windows resizing problem

Post by tsw »

url to your site would help...

overflow:hidden;
min-width:10em;
and word-wrap rules might help..
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm
Location: Finland

Re: Windows resizing problem

Post by tsw »

I would simply attach to pictures as one picture, then add a overflow:hidden; and maybe increase min-width in the css styles a bit

hope this helps
User avatar
Neo
Forum Members
Forum Members
Posts: 62
Joined: Thu Jan 18, 2007 1:09 am

Re: Windows resizing problem

Post by Neo »

Hi,
  I have added the picture as a global content block. So how do I set the property Overflow:Hidden? This is because I currently do not have any entries in the stylesheet corresponding to this global content block.

Thanks,
Neo
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm
Location: Finland

Re: Windows resizing problem

Post by tsw »

wrap it with div (something like images here )

and then style with

div.imagewrapper {
overflow:hidden;
}
User avatar
Neo
Forum Members
Forum Members
Posts: 62
Joined: Thu Jan 18, 2007 1:09 am

Re: Windows resizing problem

Post by Neo »

Hi,
    Thanks a lot for your help. I will try that now  :)


Neo
Locked

Return to “Developers Discussion”