Results 1 to 2 of 2
  1. #1
    Join Date
    Apr 2008
    Posts
    24
    Plugin Contributions
    0

    Default Detaching header from main page - how to get main section and header size differently

    Hi All !

    i am trying to design a shop for that i need a design like this


    i have started from default template, i want a header which has width 100% where as the main section should have 60% width and should be centered.

    for this i changed the #mainWrapper to this

    #mainWrapper {
    text-align: left;
    width: 70%;
    vertical-align: top;
    }

    in css file. when i change its width from 100% to 60% it does change its width and that is what i want to main section but at the same it it reduces the width of header too. but i want header to be 100%.

    also i have have turned on the left information box and turned off every thing else.

    also in css i have removed colors of both left column and right column.

    i have managed to get the header bar chnage its color centre its text by changing it to

    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #ffffff; font-weight: bold;
    color: #000000;
    height: 60px;
    width: 100%;
    margin-top:70px;
    }

    #navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 22px;
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    }

    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #000000;
    white-space: nowrap;
    }

    and i have got so far you can see here


    i hope i will get some valuable help to finish my store

    thanks
    salman

  2. #2
    Join Date
    Apr 2008
    Posts
    24
    Plugin Contributions
    0

    Default Re: Detaching header from main page - how to get main section and header size differe

    hay guys

    i have almost designed the main page and working on the subpages
    product info and other ones once i have completed mine i will give insight into the process

    regards
    salman

 

 

Similar Threads

  1. How do I change the position of header, main page and sideboxes
    By Tarukoru.fi in forum General Questions
    Replies: 6
    Last Post: 15 May 2012, 09:17 PM
  2. Header seperate from main page
    By Doddsey_65 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 4 Jun 2009, 02:30 AM
  3. How do I change the padding and size of the categories under under my main header ?
    By hoygs740 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 7 Jan 2009, 12:03 AM
  4. Cant get rid of the small gap between my Header and Main Page.
    By jaz1974 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 24 Oct 2006, 03:57 AM
  5. Remove header title from main page
    By onisama in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 9 Jul 2006, 08:05 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR