New to DW - how to get Web pages to fit different browser sizes?

Hi all

I am close to finishing my site and so I decided to test it on different browsers. To my dismay, the pages would be would display incorrectly on the size of the different browser. I used absolute positioning because it was easier to position the elements on my site, however, from what I've read, it's a big mistake?

My site is: www.melodyafshar.me

Any advice would be GREATLY appreciated! If my html/css coding is needed, please let me know and I will provide.

Melody,

Cool site

I don't know exactly what you mean by "correctly", but I can offer some suggestions.

Change your left margin on your banner div at the margin: 0 auto;  This will hold the div in the center of the page regardless of what may be the size of the browser.  In addition, the width of the div is large enough.  I'll make my standard canvas to 960px with the background artwork enlarges to fill the rest of the screen.  You can see an example of this here: http://gtwebconcepts.com/GTNew/ if you look at the layout div and sheet CSS, you'll see how I did it.

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}#backgroundFill{position:absolute; z-index:1; width:100%; height:100%;}

I hope this helps.

Good luck

Tags: Dreamweaver

Similar Questions

  • Unable to get Web page to fit the screen. Having to scroll left & right all the time

    Just changed computers. Trouble with web pages.  Its so annoying I know that it is probably an easy way to fix it.  Has been

    all the menus but its extremely frustrating to have to keep scrolling to read whole pages. And the HELP BUTTON is useless

    Maybe you're just zoomed in too?

    While in your web browser, try to maintain the "CTRL" key while you scroll the wheel of the mouse toward you.
    Another way to do is to hold down the CTRL key and press on the "-" key (Ctrl - '-' zooms, Ctrl '+' zooms in).

    HTH,
    JW

  • How can I get my example Yahoo web pages to fit the screen of my computer?

    How can I get my example Yahoo web pages to fit the screen of my computer?  When I open yahoo page is longer then the screen of my computer. This is happening on all pages, when I opened.

    Advisor.

    Andy

    original title: computer screen

    Hello!

    Try this:
    1. shoot to the top of your Internet explore
    2. go to the toolbar at the top of the page go to hell VIEW > ZOOM > and adjust the size of the page that will fit your window.
    Hope this helps,
    Thank you
    Makoi

  • Bad display-how can I reduce the size of the web page to fit my acer notebook the screen is big

    My Acer Aspire used to automatically adjust the web page to fit my smaller screen, but it seems to have stopped working and I can't find how to fix the problem.

    [Moved from comments]

    In Internet explorer, you can use these shortcuts.
    Other browsers are similar.

    Zoom + (more) CTRL in
    CTRL + (Zoom out less)
    Scrolling CTRL + mouse wheel

  • Hello, I have the new Adobe XI, how can I retrieve pages?

    Hello, I have the new Adobe XI, how can I retrieve pages?

    Not possible with Adobe Reader.

  • How to open web pages in the same window

    When I click on a link in a search engine it always opens the web page in a new tab. Its boring and I prefer mozilla to open it in the current page. How is that possible?

    Hello, this is a preference in your google search parameters. go to google.com/preferences and disable the option to search results open in a new browser window.

    https://support.Google.com/WebSearch/answer/425

  • How to make Web pages to fill the screen. I have margins of three inches on each side.

    When I open a page with IE, I get a view full screen of a web page. When I open a page with firefox, it is a smaller with the fine print version and margins of the great 3 inches. This is a new computer with Windows 7. I did not have this problem with Firefox on my old computer with XP. I currently have Firefox 3.6.16.

    Firefox is not zoom the pages automatically to fill the screen.

    You can watch one of the following extensions:

  • 'get' web page

    Hello

    I deleted a page of my files the. He is always on the web and I would like to upload to the server local so I don't have to recreate. How can I do this? I tried 'get' in the past and it didn't work.

    This is the page where you want it to: http://www.mtryrapecrisis.org/mystrength.htm

    A really stupid mistake. Hope you can help me. I work in CS4.

    Thanks in advance.

    Nancy

    1. in the files Panel, select remote display and when it connects, click on the file and click the 'Get' (arrow pointing down). Click Yes to download the associated files (or not if you don't need them)

    2 download a trial of Pagesucker and visit the Web page in question. Copy the address and paste it into Pagesucker and it will download the file and all the files in your site.

    Hope that helps.

  • How to make web pages to my site?

    This is getting frustrating. When I use a search engine, any search engine, or go to a commercial web site and look for places to a store or restaurant, it presupposes always I'm in San Francisco, 94101. I'm about 50 miles south of here. Something in Firefox or the Windows operating system I am in 94101. Is it possible to fix this?

    What does this Web page say about the location of this PC?
    http://whatismyipaddress.com/

  • Why can't connect on ebay? I get web page does not

    I tried to connect on the ebay site, and I get the message

    page Web addresses do not. I can connect to another Web page that I try. Help

    Don't know if this helps, but I had the same problem, tried everything (cookies cache, DNS, etc.) but to reset the router and address IP worked for me.

  • How to get the page change event?

    Hello.

    I know that get changed event document as ISignalMgr-> GetServiceID of CResponder::Respond.

    But how to get the event page?  average of the event's page add, delete, etc...

    Thank you.

    Hi K159,.

    You can spy on the InDesign debug Test/Spy/SpyPreferences menu for the observer notifications. Can add or remove a page and to analyze the output of the spy.

    On the kDocBoss, there is an interface IPageList form you can get the number of pages.

    Markus

  • Palm Treo 700wx/how do friendly Web page?

    Hello and thanks for reading... How can I configure my phone to display web pages in windows mobile format? In other words, so that the pages look so huge on my phone.

    It depends on the case page is a mobile page. For example, http://m.myspace.com and Google as well. They have a mobile page. Some sites are not. There is no way to set a Web page for a mobile device. They must be developed in this way.

    If you have more questions after return.

    Message is about: Treo 800w (Sprint)

  • How to get a Page break before Inline TOC in EPUB?

    I export an epub book file.  The table of contents are created correctly online, but I can't yet find a way to get a page break right in front of her.

    In the export-> advanced EPUB Options, I chose Split Document-> export tags to paragraph Style to light.

    The header of the table of contents (saying "Table of contents") has the paragraph style "TOC direction.» In panel-> paragraph styles change all the tags to export, I checked the box for 'Split EPUB' next to the 'Table of contents for the topic' style.

    But after exporting, there is no page break before the header of the table of contents.

    How can I fix this?

    Thank you very much in advance for any info.

    Basically, I think that you are doing it correctly. I met the same problem. What I found is that the title of the table of contents PLACE (using the page layout > Table of contents function and place it on the page) will not work to make a page break. This is a special type of object, because it can be updated by the update command Table of contents.

    You need to do a work around: you need to create a "Table of contents" in a separate frame and apply the paragraph title style Table of contents.

    In the style of table of contents, include not happy for the TOC title. Check out the screenshots below of my OCD.

    By separating the "content" in its own frame, it works in EPUB:

  • How to get the page number

    Sorry, but again I question. I want to select table by ID, where ID should be equal to the current page number. How can I get the page number?

    Davyd

    Try

    where ID = v('APP_PAGE_ID')

    Jeff

  • How to block Web pages...

    I want to block some Web pages to open so that when it is opened he comes with a "Web Pages blocked by Admin" dialog. Due to minor children. Any help?

    See:

Maybe you are looking for