CMS Made Simple Forums

I have embeded a flash header into my CSSMenu Vert 1 col template by using the following in my template:







   
   
   

**My issues is what i see the header on a PC with a width of 950 everything is centered fine (see picture-scroll all the way to the right) but when i look on my mac, I get a "short header" that doesnt cover everything on the left (see picture)

if i change to 960 width, it fits fine on mac, but i get short header on PC (doesnt extend all the way across the web page) any help? thanks

[attachment deleted by admin]

This is the picture example for the mac (notice the space gap to the right)

[attachment deleted by admin]

what browsers are the two computers using?
does the pagewrapper or what ever div it is in besides the header have padding or margin?
post CSS and html or link....

  mark

Hi Mark,

Thanks for looking at my post. the address is:

http://moodle.sparcc.org/ipod/

Works and looks fine on the PC using internet explorer, but i get the gab on the mac os x using firefox. Our web guy pointed out that on the mac, i can grab the lower right of the page and drag it in to make smaller, and it seems the cms page resizes to fit the new size fo the window (except the header)

I am using cms vert 1 col (in red is my flash)







SPARCC's iPod Resource Pages- {title}

{metadata}
{stylesheet}

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}

{global_content name='JavaScript for IE page width'}












   
   
      Skip to navigation
      Skip to content
   
   

     






   
   
   

 
   
   
        {breadcrumbs starttext='You are here' root='Home' delimiter='»'}
   
   
   


   
   

     
     
         Navigation
         {cms_module module='menumanager' template='cssmenu-accessible.tpl'}       
     
     
     


     
     
         {title}
         {content}


         


^ Top

         
            {cms_selflink dir="previous"}

            {cms_selflink dir="next"}
         


     
     
 


   
   


   
   
      {global_content name='footer'}
   
   

div#pagewrapper {width:950px;
border: 1px solid #000;
background: #fff;
    }

Mark,

You'll have to excuse my ignorance witht his, but where does the aobve (your reply) go? Am I adding this new or is this located somewhere in the above template?


Thanks,


MJD

in the first CSS listed when you go to Attached CSS for that template at the top you will see...

/* Layout sections */
body {
background: #ccc;
color: #333;
}

div#pagewrapper {
border: 1px solid #000;
background: #fff;
    }

div#header {
color: #fff;
}

div#footer {
color: #fff;
background-color: #000000;
}

MARK,

Thanks again! worked like a charm! now on to adding background drop shadow.


any idea why people this page included removed the drop shawdow?


thanks,

mjd

every image adds load time...
maybe just wanting to insure quicker load times...