Announcement

Collapse
No announcement yet.

Centering My Website????

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Centering My Website????

    Hi,

    I want to centre my website. It looks ok in 1024x768 but not anything higher!!! Also, if used in a resolution lower tan 1024x768 it makes you scroll right to view it, is there a way of stopping this?

    Matt

    I am using the smart theme in V7 and my normal resolution on my laptop is 1440x990
    Rgds

    Matt

    "Life's a bitch, then you die!!!!"

    http://www.electrifusion.co.uk

    #2
    you got a url for us to view please?

    Also, the scrolling right means you have a fixed width of larger than your browser, an element that is bigger than you think or your width is declared at 101%+

    Just guessing without seeing it in work.

    To center, declare your body tag to align center.

    HTH
    Affordable solutions for busy professionals.
    Website Maintenance | UK Web Hosting

    Comment


      #3
      Hi,

      the URL is www.electrifusion.co.uk

      Can you confirm where I need to change anything as still learning!!!

      Many thanks

      Matt

      Rgds

      Matt

      "Life's a bitch, then you die!!!!"

      http://www.electrifusion.co.uk

      Comment


        #4
        Matt - I wouldn't worry too much about the need to right scroll. The minimum width of your site is about 940 pixels. I currently design sites to a standard size of 980 pixels, on the basis that they look better and approx 90% of PC owners use displays of 1024 pixels or wider. The 10% who still use 800 pixel displays are probably the least likely to purchase on the internet, or indeed purchase anything

        Aquazuro - designer stainless steel accessories

        Comment


          #5
          Mark,

          ok, that I can live with but how can I make the site centred at resolutions of more than 1024?

          It just doesnt look right!!

          Matt
          Rgds

          Matt

          "Life's a bitch, then you die!!!!"

          http://www.electrifusion.co.uk

          Comment


            #6
            Matt - unfortunately I don't use the Actinic templates, I design from scratch using CSS, so I'm not the best person to help. Hopefully someone else will happen along with an "Actinic specific" answer.

            Aquazuro - designer stainless steel accessories

            Comment


              #7
              why not put <center></center> tags around the html body (or the css div equivalent if you prefer).

              Mike
              -----------------------------------------

              First Tackle - Fly Fishing and Game Angling

              -----------------------------------------

              Comment


                #8
                Thanks Mark and Hi Mark!!!

                Where should I put the centre?

                Matt
                Rgds

                Matt

                "Life's a bitch, then you die!!!!"

                http://www.electrifusion.co.uk

                Comment


                  #9
                  Sorry, meant Hi Mike!!!

                  A long day so far!!!
                  Rgds

                  Matt

                  "Life's a bitch, then you die!!!!"

                  http://www.electrifusion.co.uk

                  Comment


                    #10
                    An html page looks like this:

                    <html>
                    <body>
                    The content of the body element is displayed in your browser.
                    </body>
                    </html>
                    Put in the <center> tags like this:

                    <html>
                    <body>
                    <center>
                    The content of the body element is displayed in your browser.
                    </center>
                    </body>
                    </html>
                    the css equivalent is <DIV ALIGN=CENTER>

                    Mike
                    -----------------------------------------

                    First Tackle - Fly Fishing and Game Angling

                    -----------------------------------------

                    Comment


                      #11
                      Originally posted by olderscot
                      An html page looks like this:

                      Put in the <center> tags like this:

                      Mike
                      But this will center everything will it not?

                      If using this method, ensure your individual elements have an alternate layout or use this:

                      Code:
                      <body>
                        <div id="container">
                          ...entire layout goes here...
                        </div>
                      </body>
                      then

                      body {
                      text-align: center;
                      }

                      #container {
                      margin: 0 auto;
                      width: xxxpx;
                      }
                      into your actinic.css
                      Affordable solutions for busy professionals.
                      Website Maintenance | UK Web Hosting

                      Comment


                        #12
                        Yes, my way will center everything that doesn't have it's allignment specified. So if you do this be prepared to check everything is alligned correctly.

                        Darrens way sounds like a better approach.

                        Mike
                        -----------------------------------------

                        First Tackle - Fly Fishing and Game Angling

                        -----------------------------------------

                        Comment


                          #13
                          Many thanks, used the CSS div and al is much better. Onwards and upards as they say.

                          Thanks again

                          Matt
                          Rgds

                          Matt

                          "Life's a bitch, then you die!!!!"

                          http://www.electrifusion.co.uk

                          Comment

                          Working...
                          X