Trying to Center a web page with css

Hello

My friend asked me to help with their web site.  She appears when it was developed it was not tested in a resolution setting of 1024 x 768 and view this site with resolution shows a non centered page, a web page centered, it is what they would like.  I have looked for alternatives, but have not been able to solve the problem with any.  I must be missing something, I don't think that he would give me this much trouble.  Anyway, the site is http://meidlwatersystems.com any assistance that you can give is appreciated.  Here's the css

Thank you

{body
background-color: #658ABB;
}

{#white_background}
position: absolute;
left: 214px;
top:-2px;
Width: 816px;
z-index: 0;
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
border: 1px none #000000;
}

{#blue_fade}
position: absolute;
left: 215px;
top: 18px;
Width: 152px;
height: 62px;
z index: 2
}

#logo {}
position: absolute;
left: 236px;
top: 35px;.
Width: 249px;
height: 86px;
z index: 3
}

{#phnumber}
position: absolute;
left: 821px;
top: 59px;
Width: 144px;
height: 23px;
z index: 3
}

{#tan_fade}
position: absolute;
left: 232px;
top:-2px;
Width: 100px;
z index: 1
}

{#nav_bar}
position: absolute;
left: 354px;
top: 148px;
Width: 276px;
height: 24 PX.
z index: 4
}

{#quote}
position: absolute;
left: 401px;
top: 204px.
Width: 155px;
height: 19px;
z index: 5
}

#footer {}
position: absolute;
left: 367px.
Width: 656px;
height: 76px;
z index: 9;
}

In addition, you cannot focus divisions of absolute positioning because they are positioned compared to its parent container, which is usually the top left of the browser window.

Well, of course you can.  Wrap the page in a relatively positioned container, which is centering (don't forget that they are not simply positioned compared to its parent container - it is their nearest POSITIONED ancestor).  Of course, you have to manually reposition AP elements to the correct location after doing this.

Tags: Dreamweaver

Similar Questions

  • Impossible to center the Web page in the browser window!

    Hello! I have searched and tried almost everything to Center my Web page in the browser window, but it does not work!

    This is the page: www.claudechalhoub.com. I want that page is centered regardless of the size of browser window!

    I have included the following code in my html code:

    < style type = "text/css" >

    {body
    text-align: center; / * For the IE6.
    margin: 0;
    padding: 0;
    min-width: 770px;
    background-image: url(pictures/lastimage.jpg);
    background-repeat: no-repeat;
    background-color: #000;
    do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #FFF;
    make-style: normal;
    }
    {#wrapper}
    Width: 770px;
    Auto margin: 0;
    text-align: left;
    }
    ...
    < / style >

    And then I realized:

    < body >

    < div id = 'wrapper' >
    < div id = "ap_text" > "the beauty of the music of Claude Chalhoub, is that it is not 'new' at all. This sounds familiar, even if you have never listened to music Arabic (or classical music) at all. As if it had always been there. It is as natural as breathing. "And it's this great art is all about - what makes the difficult seem easy." < / div >

    ...

    < / div > <! - close the tag div wrapper - >

    < / body >

    I don't know what the problem of not working!

    Any guidance?

    Your background image for the "body" tag contains the image that you used in it also. It's a bad habit. Just use a background image wide 5px and use it in your body background tag. Repeat with horizontally to fill your screen.

    Put your photo in a DIV inside the 'wrapper' div position it accordingly.

    In addition, you used an "absolute" on all items positioning on your website. Their position relative to the tag parent for best results.

  • Preview Web pages with related in the browser stylesheet

    I had a frustrating problem occurs a few hours with a local version of a Web page with a style sheet linked, which is that all of a sudden I can preview is more like CSS in a browser.

    I did a lot of troubleshooting to try to identify the problem and narrow down I have, but I am unable to solve. Here are the conditions in which it occurs:

    (1) the problem only occurs within this site in particular. If I create a new site or open one of my other sites and get a preview of a Web page with a linked style sheet, it previews fine.

    (2) I know that the stylesheet for this page of this site is bound correctly, because styles displayed correctly in page design mode and mode live view, just not when I Preview in a browser.

    (3) it occurs in this site especially if styles are related. If I move the styles for the header, it previews then well in a browser.

    (4) the problem only occurs in the local version of the site. Later, I downloaded the page and its style sheet to my server to delete, and if I navigate a browser for it, it appears very well.

    I spent four hours trying to solve this problem. If anyone if familiar with the problem and could offer me advice on how to solve it, I would be very grateful.

    As soon as you are.  My mistake.

    The fact that all the links on the page relative root - indicates that the site definition has been set for these links.  To see Preview locally one must activate PREFERENCES. Preview in browser > preview using temporary file.  This selection tells DW to create a temporary file in which all related links root are replaced by links to document over this temp file to the browser for preview.  Otherwise, when you view a preview of the file, the browser will see relative link to the root and start the search for the file linked to the root of the hard drive rather than the root of the site DW (the browser has no idea on the sites of DW).

  • How to focus on a web page with a single shortcut?

    I like to use the keyboard, scroll web pages with arrows... If the body of the page loses focus (for instance by pressing Alt + D) the only way (AFAIK) to focus the page again is by pressing Tab several times until I can continue with the scroll arrows. It would be good to focus a page with a single shortcut, is think?

    Press F6.

  • Firefox 20.0.1 with Shockwave 11.7.700.169 crashes when you access web pages with video content

    I have a problem with Firefox 20.0.1 on Windows 7 with Shockwave flash 11.7.700.169. When I have access to a web site / web page with content that requires Shockwave (usually video) I can view the video, however, when I get out of Firefox, it will crash with "Firefox has encountered a problem - check for a solution...". ». I also have a website 'MyHeritage' that when I go to a family tree, I repeatedly receive a message "video driver has stopped working - NVIDIA driver... has successfully recovered. If I disable Shockwave, Firefox will not crash in both cases, unfortunately, I can't watch any video content.
    I did go through the website of Adobe and put to day what I thought was my version of Shockwave, unfortunately that Manager for netscape V12.2 installed, I have disabled this plugin.
    BTW - run Firefox in SafeMode (disabled add-on) arrested my NVIDIA driver crashing and also arrested Firefox crashing by exiting the application.

    Please check if all your plugins are up-to-date by using the Mozilla Plugin Check site.

    Once you are there, the site will check if all your plugins have the latest versions.
    If you see in the list of plugins that have a yellow button to update or a red button update now , please put to update these immediately.

    To do this, click each red or yellow button. Then you should see a site that allows you to download the latest version. Double-click the downloaded file to start the installation and follow the steps in the installation process.

  • Can I REALLY print web pages with ePrint?

    I want to buy an ePrint printer. I know that I can print static web pages with my iPad via ePrint.
    But can also print dynamic web pages, or pages that I see after my login on my bank account?

    Example of dynamic web pages: http://drawisland.com/ or https://www.draw.io/
    Go to this page and draw something. You can print it via AirPrint?

    Thanks for any help or advice!

    Hello

    Did you ask an Airprint printer? For locations above, Yes. Any printer can print, but not all printers can use Airprint. One thing I want to mention here, printer will print the ENTIRE page. They allow you to save the drawings, you can save and print later.

    Kind regards.

  • How to make the same effect of scrolling like Tumblr (beginning Web page) with Adobe Muse?

    How to make the same effect of scrolling like Tumblr (beginning Web page) with Adobe Muse?

    I used Adobe Muse since the day it first came out, I played with the timings and effects of scrolling a lot. Tumblr landing page scrolling is very nice, I can see why you want a similar effect. Something similar could be created using the scrolling in AdobeMuse effects, especially if you familiarize yourself with the scrolling of the transparency. Start with a color block simple try it scroll up to double speed, then add items to the next page with the scrolling transparencies. Best practical work, use layers to do this, it makes things so much easier when you need to edit the page.

    Once you have played with the effects of scroll, you will begin to note how the elements of the Tumblr page can be re-created. This will be a sharp learning curve, but very doable in Muse for a similar effect. You will have a number of layers with page elements and new blocks of color on each layer when your done, fine tweaking the movement of scrolling and timings will make perfect. Good luck.

    If not, try adding an animation on board, you can create a Web page in Adobe Edge, but again... probably much more involved learning with this option.

  • He anIs it an Adobe application to save a Web page with links still embedded in the PDF file.

    My question is are at - it an Adobe application for the iPhone that can save a Web page with links still embedded in the PDF file.

    I would save my Web pages as PDF files, and still have the links in these active pages in this PDF file. I can currently do this with my version of Adobe acrobat on my PC.  I would add also this is for personal use and I can't afford monthly fees.

    I would add also this is for personal use and I can't afford monthly fees.

    Any information would be greatly appreciated.


    Them

    Sorry, Adobe has no product available for free.

    However, if you have Acrobat DC on your computer, you can create this a PDF file. If you activate the Mobile link feature, it will be immediately available for all your devices.

  • How do I create a web pages with Adobe Muse reagent? I think it's a great tool and must Access the functionality just like Edge reflow. And is it possible to import works of reflow to Muse?

    How do I create a web pages with Adobe Muse reagent? I think it's a great tool and must Access the functionality just like Edge reflow. And is it possible to import works of reflow to Muse?

    Hello

    Please check a few suggestions given in this thread you can create sensitive sites with Adobe Muse?

  • Animation of edge in an existing Web page with the assets of edge in a different folder

    Possible is defined in the publication of 'web' settings, the full path of the assets of edge?

    I would like to insert the edge animate Web pages with 'php include', but every time I need to manually change the path in the js files (... _edge.js... _edgePreload.js) does not work otherwise.

    Thank you.

    Yes I know, if you want your edge files to publish in another folder that the default you must do it manually, there are no other options in the settings of export now. I do it like this for the moment.

    What you can do if you do not want to rename and edit your files after every change, is to work with a "temporary folder".

    So for example, you can change your file as much as you need and then when you think it's ok, you just replace the edge files that have been changed.

  • Cannot Center page with CSS

    I don't know what I'm doing wrong here - http://www.team2learninc.com/index.htm. I have a simple page that I use CSS to control the HTML code, but I can't seem to get the body of the page appears centered horizontally.

    I visited many CSS sites looking for a solution and do not see what I am doing wrong. I'd appreciate any help you could offer.

    Here is my CSS code...

    Nancy,

    Thanks for the help. I replaced my CSS code with your body, but it still doesn't work. That's just why I left 5 years of programming desktop applications. You can do everything right, and it may not always work.

    I'm always looking for the solution. I moved my CSS file to a CSS directory to the root directory of the site and reconnected to the web page in question. I restarted IIS. I deleted all of the old CSS files from the server. I deleted all my Firefox cache files. I've done all I can think about... and the problem still persists.

    --Also caught a break here ranting to try to notice all the code and test the CSS line-by-line. And I found the problem. The "float: left;" in the container was the problem. Removed and broke everything in the Center.

    I thought that the contents of any container being smoothed would wrap only if there was a point to wrap. But, according to http://www.w3schools.com/css/pr_class_float.asp, "the image or text moves to the left in the parent element" that substitutes obviously centering of the container.

    My centering code is as follows...

    {body
    Width: 100%;
    text-align: center;
    Auto margin: 0;
    padding: 0;
    do-size: 100%;
    }

    #container {}
    / * float: left; */
    Width: 955px;
    left margin: auto;
    margin-right: auto;
    text-align: left;
    }

    .. .so I still don't really understand why "float: left;" in the container caused section alignment to the left of the entire page.

    If you can shed some light on this, I'd love to hear the reason for this behavior.

  • Responsive web page template css does not update

    I try to use the new function reactive web page for Business Catalyst but not with not a lot of success:

    1. I created 3 css files: one for each system_visitorDeviceClass (desktop, Tablet, phone)

    2. I chose to enable mobile support

    3 added HTML to a page for each class of device that includes a link to the appropriate css file

    4 make a change to one of the CSS from the file manager > css > desktop.css, for example and save

    5. return to page template for office content, click Update, then get an overview. Change of css is not here.

    "Question: documentation for the creation of the class of device in HTML link says to use < link rel ="stylesheet"type =" text/css"href="/css/{system_visitorDeviceClass}.css"/ > should we use it as written or replace with the name of the css as href="/css/desktop.css file. I've tried both but doesn't seem to work.

    Sorry, you feel like that.

    The mobile features etc. are NOT new.
    Released in 2009:
    Presentation support Tablet & phone for sites

    With that unless the use case guarantees a specific design mobile, you are not using eCommerce and other factors, today if your building a website makes you mobile reagent. You can then leverage off liquid markup if you use this beta feature and etiquette of the extra to make detection device.

    All documentation is being migrated from old sources of content in one place for a while, but a continuous process.
    Google the best way to do things and you will get just piles of articles on mobile responsiveness.

  • How to center the web page in indesign cs5

    Hello world

    I'm new to this forum and I hope I will get help, because I need

    I made a web page in indesign cs5, export to SWF and generated HTML.

    My swf file looks good, but my html file is not centered, web page is positioned

    in the upper left and I want it to be in the Center.

    How can I put it there?

    Thnx a lot!

    Hresta

    You must apply the margins of the car left and right in the div that contains the site. Given that I'd never use ID for a website that I don't know what kind of HTML/CSS gets exported with the SWF file.

    Bob

  • Is there a option of zoon of the Web pages with Mozilla Firefox, if I have trouble reading the small print?

    I take a class any web business, and I can't find a lot of the functions that they speak.

    Hello
    Have you tried the Firefox zoom feature? This initiative will increase the size of the web pages.

    • To make things bigger, press Ctrl and + at the same time.
    • To make things smaller, press Ctrl and - at the same time.
    • Pour reinitialiser to reset the size of return to normal, press Ctrl and 0 at the same time.

    You can also use the NoSquint add-on to change the zoom level by default for all websites at the same time. After setting your overall zoom level, you can still adjust the zoom on different sites.

    With the help of NoSquint:

    1. After installation of NoSquint, make sure you have the add-on bar displayed:

      • Click the new tab button ("+") or a box empty bar tab to the right of the item and choose the module bar on the shortcut menu.
    2. Click on the % in the bar of the add-on call site preferences, then click the global settings button, then the zoom tab.
      • You can experiment with sizes greater than 125%, but it is not recommended that you will more than 150%, unless you have a large screen high resolution.

    If there are sites that are still a concern, feel free to post their URLs.

    Please let us know if this helped you!

    Thank you.

  • None of the Web Pages with Vista

    I'm working on a gateway MD2614u Laptop with WIndows Vista Edition Home Premium on it.

    The customer had problems with the Internet not to come.

    After a few tests and diagnostics, we determined that the issue is more than likely with WInsock2 is damaged.

    I tried to use the command "netsh winsock reset" from the command prompt high as administrator and he said: "the system cannot find the file specified '

    I know that the file is there, then what else could happen.

    I scanned the computer with AVG, Spybot, and Malwarebytes Antimalware and 99.9% positive that at the moment there is no infection.

    I checked the registry so that Winsock2 is here and it is.

    I even tried to copy & paste a Winsock2 work from another Windows system, still no Web pages.

    I can get a connection Internet and ping, but cannot set up all web pages.

    When I ran the diagnostics of the network, he returned and said that it is question of winsock2.

    How can I solve this problem for the customer.

    Thanks in advance

    IKE

    OK, I did some reading on Norton 360 and Vista.

    It seems that there is a problem with N360 and vista working together correctly.

    I uninstalled N360 (DL has a removal tool) and the Internet started working after re-booting.

    So I DL and installed AVG to keep free of viruses.

    IKE

    Thank you all for all the help and tips!

Maybe you are looking for

  • Reset the printing preferences

    Is there a reason to print now remembers the printing preferences (in particular, the number of copies) made during printing?  I now fear an increase in my number of printed copies.  He ALWAYS remembers it now.  If any time I print 20 copies, the nex

  • What happened to the toolbar of WMP option in win7?

    With Windows XP and Vista, when you right click on the toolbar, you can select (check) "toolbars-> Windows Media Player".  This allows to minimize the WMP and then it appears in the taskbar with [Stop |] Previous | Play | Next | Volume].  What happen

  • Size of the necessary recovery Partition

    Hello I have a Pavilion dv5130ca laptop with a 120 GB drive, which is bad. I bought a new identical drive and from HP recovery disks. I would like to know what size I should I allocate the recovery partition, when I restore the windows; I was thinkin

  • Read/write in a variable using its refnum

    Hello I and VI and a Subvi. In VI, I have a Boolean variable a reference to this Boolean variable. The Subvi have entrance to this reference (see examples). Now, that's my question, in the Subvi can read and write the Boolean value of the variable in

  • Z2 messages displays does not correctly

    I have a problem with the sms from only two shippers with the android phones, Samsung phones. The messages they send appear in the Inbox, and of the task bar, but at the opening of the conversation messages are not at all, very annoying. I tried to s