Problems with the width of my page!

Hi guys, first off I apologize if this has been posted in the correct forums.

Well, I think my first mobile website.  I'm trying that the width is adjusted to the individual screen 100% size.  My main background is fine, of course, but my header and the content DIV doesn't stretch, according to the preview of the feature phone (in the drop of Multiscreen preview) and in Device Central.  However, the strange thing is that, if I see a Multiscreen preview or in Firefox, it's fine.  I do not see a problem in my code, I put the two at 100% width.  I don't know what is happening with that.


#header {}

background: #CCC;

text-align: center;

Width: 100%;


}





#content {}

background - image: URL(images/BG.jpg);

background-repeat: repeat-x;

background-color: # 6392 0;

Width: 100%;

text-align: center;


}

It it my HTML code for these DIV

issue.pngHere is the image displayed in the phone function.  It looks the same in Device Central.

issue2.pngAnd here's a multiscreen preview.  The width is fixed very well in both the overview and in Firefox.

Any ideas? Thanks in advance!

The problem is your image margin. Your total margin width width more image exceeds the width of view. Edit your CSS for the below:

#content img {
          margin:30px;

          margin:30px auto;/* 30px margin top/bottom, auto margin left/right*/

          display:block;
        }

And also delete the additional locking as OS has mentioned.

Tags: Dreamweaver

Similar Questions

  • I'm having a problem with the pictures on some pagies partially of fully duplacating other tiles nearby. Only occurs with Firefox.

    I'm having a problem with the photos on some pages partially to duplicate completely other tiles nearby. Only occurs with Firefox. The thumbnails are refreshed when I move the cursor over them, but again distort when you scroll the page. I have a few images, but cannot up-load them on this page of support for some reason any. Maybe I can email you if you need?

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem.

    • Put yourself in the DEFAULT theme: Firefox/tools > Modules > appearance
    • Do NOT click on the reset button on the startup window Mode safe

    You can check the preferences of network.http. * on the topic: config page and make sure that they have the default value.
    You can restore the default user set prefs ("BOLD") via the context menu.

  • Problem with the HP drivers Download Page

    Don't know where best to post this topic.

    I have problems with the HP driver download Page. Using the Chrome browser, I installed the HP product detection utility. Once installed, I admitted that it runs, and it correctly detected my HP computer and the details about this poster. A detail that he displayed was the guarantee being exceeded.

    Since I had hardware problems and had to replace the hard drive and reinstall Windows, I wanted to make sure that my computer has all the HP drivers and software required. This information would not be displayed. At first I thought it was because I had an active browser add-on. I've disabled and reloaded the page. This is where I'm having the problem.

    The product has been detected once more, but nothing happened when I clicked on the button search solutions for the detection of the product page.

    You have found the difficulty that has the utility.

    I never had a large measure of success with the utility unless I use Internet Explorer. I rarely use Internet Explorer.

  • Weird problem with the width of the selection list

    4.1.1

    Hello

    I got a selection list filter that has three values null, Y and n. based on what the user selects a tabular presentation is filled with data that also has a list of selection.

    Now, earlier, I had only two values Y and N in the selection filter, and according to the selected option list, select tabular list would be filled as well as other areas. Select the 'tabular forms' list for all lines are the same width. When I added the Null value option in, select the filter, now the tabular form displays all of the values, however, the selection list is of different sizes according to the length of the text.

    I put in the CSS Style of the selection list - width: 20px

    I also tried the option element width, but still no luck, when I select Y or N to the upper filter select, selection lists appear correctly with the same width.

    No idea what could happen?

    Just to confirm, the problem is with the width of selection tabular list.

    Thank you
    Ryan

    ryansun wrote:
    4.1.1

    Hello

    I got a selection list filter that has three values null, Y and n. based on what the user selects a tabular presentation is filled with data that also has a list of selection.

    Now, earlier, I had only two values Y and N in the selection filter, and according to the selected option list, select tabular list would be filled as well as other areas. Select the 'tabular forms' list for all lines are the same width. When I added the Null value option in, select the filter, now the tabular form displays all of the values, however, the selection list is of different sizes according to the length of the text.

    This seems odd. Can you reproduce this on apex.oracle.com? What browser do you use?

    I put in the CSS Style of the selection list - width: 20px

    I also tried the option element width, but still no luck, when I select Y or N to the upper filter select, selection lists appear correctly with the same width.

    No idea what could happen?

    All functionality of another column using the column Standard report basically, means the "CSS" Style property is not applied (see, for example: {: identifier of the thread = 1001577}), then the attributes of the element, link attributes etc. should be used.

    Tabular controls, to use the standard approach of HTML attributes. Come in

    style="display: block; width: 200px;"
    

    in the property of the attributes of the element.

  • Problem with the table of contents pages and books

    I use 8 HR and generate Webhelp.

    I created a project and had to change a few pages of table of contents and create TOC books instead. I deleted the pages and added books, with the same name. HR, it looks fine, but when I generate the table of contents for the page instead of the book. I tried to clear my cache in Internet Explorer, and the deletion of the page again. Still no help. I rebooted and even rebooted and still have the same thing. Can someone tell me how to solve this problem?

    Thank you.

    Indeed if a book has nothing in it, it will not appear in the table of contents. When you think about it, it is very logical. Why would you want a book to appear if nothing was inside?

    See you soon... Rick

    Useful and practical links

    Wish to RoboHelp form/Bug report form

    Begin to learn RoboHelp HTML 7 or 8 days - $24.95!

    Adobe Certified RoboHelp HTML Training

    SorcerStone blog

    RoboHelp EBooks

  • Problems with the calculations through many pages

    I have a form with 12 pages. Calculated on page 8 of calculations must be part of the new calucations on page 2. I continiue to receive error messages indicating the total 12 page boxes are not known. When I move the caluation to do on page 12, it does not recognize the total boxes necessary for the calculation of page 2. Help, please. Page 8 in the total costs that must then be divided by the total requested on page two, for a percentage of the demand. Application is attached.

    Thank you

    Sheila

    Hello

    There are a few fields of totals, so I'm not sure which one you want.

    However, when you selected the field, click on in the script editor. Then scroll down to page 8, so that you can see the total field you want to reference. Then you click on the Publisher and then with the mouse on the field total you want to press and hold Control. This will change the pointer in a 'V '. Then you select the field now, it fills the full reference of the field in your script.

    I recommend checking that total expenditures below the line is not 0 or null or you will get an error. I assign the node solved in a variable and then make reference to this variable in the if statement and the calculation.

    var vTotalExp = xfa.resolveNode("FinancialExpenses.Subform14.#area.#area[1].ActualTotalExpenses")
    
    if (vTotalExp <> 0 and vTotalExp <> null) then
         (TotalRequest/vTotalExp)*100
    endif
    

    Hope this helps,

    Niall

  • Why this problem with the width of the content does not not on smaller screens?

    When I test this page on 800 x 600 screens, the text of the article is cut on the right side. I thought that including min-width and max-width (w/IE6 hack) on the div that contains the text of the article would solve my problem, but it does not work. He doesn't even answer if I decrease my browser window on my screen of 1024 x 768. I was reading on, and try to use, "elastic design" but I obviously missed one of the steps. Can someone look at this with a look?

    The same thing happens if I use the zoom feature on my browser, but I don't know if I can handle this via CSS?

    http://www.keithpurtell.com/kthings/BJ-Cole.htm

    Elastic layouts use Ems.

    http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-CSS

    It is very different from (%) of fluid or semi-fluid (% + pixels) layouts.

    See the following example of a liquid header & footer with a fixed width content area.

    http://ALT-Web.com/templates/I-page-with-floats.shtml

    To prevent the header & footer to collapse too on the small windows, I added a min-width of 900px (semi-fluid).

    View source to see the code.  Of course on web devices with small windows, they see a horizontal scroll bar.  Which is expected.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • Problems with the Parent and child Pages...

    I created a parent page with several pages of the child, but when I transferred to my host FTP pages do not come to the top in the hierarchy in the URL bar. I want it to be "www.website.com/parent/child.html" but they come as 'www.website.com/child.html '.

    How can I change this? I thought that by creating a page parent to the child which would automatically when loading pages. Help, please!

    Thank you!!!

    Muse currently publishes all the pages in the root directory of the Web server. It does not create a folder structure based on the structure of the site defined in Plan view. The structure of the site defined in the Plan view is used by the Widget Menu to generate Menus correspondents and submenu entries.

    Hope that specified in the query.

    See you soon,.

    Vikas

  • Problem with the Adobe Creative cloud Page cannot do anything with my files

    Hi, I have the videos of Creative cloud Page but my doesn't seem like it.

    I don't have the same options and I can not download a folder for example.

    Can ' t be a shared folder?

    Thank you

    Hi Mleanardo,

    That makes sense, creating a zip of multiple files is certainly a usable solution, and as I mentioned, other improvements are underway.

  • "Info" button can be removed without causing problems with the width of the PlayBar?

    I am using Captivate 3 and my project has located BlackGlass PlayBar at the bottom left of the glide without border. I am currently it show with fair return fast, play/pause, mute and the info button. With these buttons the playback bar is very small and compact, end just after the info button, vaguely resembling this:

    < [back] _ [break] [Mute] _ [Info] >.

    That's what I need (other than the button "info") that I have my own controls appearing next to him on the slide.

    I have been in the fla file to remove the info button (removed from the library), but have found that once I did this, the bar then the screens with a long strip of the black background to the right, like this

    < [back] _ [Pause] _ [Mute] _ >

    that covers my controls and prevents it from working.

    Is there a way to get rid of the info without the playback bar button it?

    Try maybe let the more info button in the FLA, but making it 1pixel wide without border?

    If this does not work, you must stop by the site Web de RaisingAimee de Paul Dewhurst. For those who provide a donation, it has a section on its website with all its bars updated available for download:

    http://www.raisingaimee.co.uk/index.php?option=com_docman&task=cat_view&GID=28&Itemid=36

    Kind regards
    John

  • problems with the titles of sensitive bootstrap css pages

    Hello

    To get a little more familiar with the concept of reagent and "bootstrap", I downloaded a boot-gen-4 data model. This comes with a lot of explanation, that is not the issue. My problem is that it seems as if I should add the title (my company) on each page I do. I thought that would be a set time in css (custom.css or bootstrap.css or...)

    No matter what I try I can't get my title is displayed on each site. Maybe I should strip the model of all the example pages, I know not (the only place to add your title (company name) seems to be in the index.html file.

    I have to admit that I'm not a css and still less specialist "bootstrap" etc., so maybe someone can give me some info that helps me understand a little better.

    And if this all sounds a little vague, let me know, I could send code or whatever is needed...

    Thanks in advance,

    Karin

    PS. I hope that this post ended up in the right forum...)

    It is not a bootstrap or emit css, it is an HTML element.

    The title is a pair of tags located on thesection of each page.

    (the tag on this page code is

    problems with the titles of different pages in Res... | Adobe community)

    For SEO purposes, it is best to have a different, valid title on each page.

    If you use a template, letpair of tags in an editable region.<p class="reply">

  • Since I load Acrobat Reader DC, when I try to save the document, word to PDF, the pdf file pages are cut on the width. I use Microsoft Office Word 2007 and I have no problem with the previous version of Adobe Reader. Should what settings I adjust?

    Since I load Acrobat Reader DC, when I try to save the document, word to PDF, the pdf file pages are cut on the width. I use Microsoft Office Word 2007 and I have no problem with the previous version of Adobe Reader. Should what settings I adjust?

    Hi judithl34724699,

    If you want to convert Word files to PDF with the Adobe Reader application then it is possible with the service Pack of PDF. Try to use the service on the web: https://cloud.acrobat.com/convertpdf

    Also try to use a different file type.

    Thank you

    Abhishek

  • Problems with the style of the Web page in dreamweaver

    Hello

    I have problems with the basic design of my page, where my upper bar isn't at the height, it should be.

    Here's my code for css stylesheet (if you're wondering what's happening with the colors, I tried to add different colors and so it would be easier to see where the different divs):

    @charset "utf-8";
    /* CSS Document */
    #page{
     background:#600;
     position:absolute;
     top:0px;
     left:0px;
     width:1024px;
     height:768;
    }
    #top{
     background:#90F;
     position:absolute;
     top:0px;
     left:0px;
     width:1024px;
     heigth:142px;
     }
    #header{
     background:#0F0;
     position:absolute;
     top:142px;
     left:0px;
     width:1024px;
     height:158px;
    }
    #bottom{
     background:#C90;
     position:absolute;
     top:300px;
     left:0px;
     width:1024px;
     height:468px;
    }
    #venstre{
     background-color:#FFF;
     position:absolute;
     top:28px;
     left:33px;
     width:608px;
     height:357px;
    }
    #hoyre{
     background-color:#FFF;
     position:absolute;
     top:28px;
     left:667px;
     width:323px;
     height:430px;
    }
    
    


    and here is my html code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>Untitled Document</title>
    
    <link href="Stilark.css" rel="stylesheet" type="text/css" />
    
    </head>
        
    <body>
    
    <div id="page">
    
         <div id="top">
        
         </div>
        
         <div id="header">
     
         </div>
        
         <div id="bottom">
          
              <div id="venstre">
              
              </div>
            
              <div id="hoyre">
      
              </div>
       
         </div>
    
    </div>
        
    </body>
    
    </html>
    
    

    Hello

    Look here, it's just a spelling mistake in your tips to #top. You should not write "gth" is better "ght":

    heigth:142px;

    height: 142px;

    Hans G.

  • Problem with the WIndows Update page

    I am running Windows XP with Service pack 3. Microsoft Security essentials is the security system. When trying to run Windows Update using Internet Explorer 8, at the point of the page is to check that if my system is the correct update software, the page fails, finally displaying the message "Internet Explorer has stopped to try to restore this Web site. It seems that the Web site continues to be a problem. "This is repeated each time I have repeat the initial attempt, or click 'Back to the microsoft.com site' on the error page. Is the problem with the Microsoft web page (the address is www.update.microsoft.com/microsoftupdate/v6/default.aspx ) or on my computer?

    When I try to run Windows Update... to the point that the page is to check If my system is correct, update software the page can't...  Is the problem with the web page of Microsoft ( www.update.microsoft.com/microsoftupdate/v6/default.aspx ) or on my computer?

    You are correct George: whenever you access the site Windows or Microsoft Update, Windows Update will take care of updating itself. that is, it looks for updates available from the Windows Update Agent or the customer allows you to update your system.

    Since June 21, 2012 a WUA new version 7. 6. 7600. 256 aired by WU to automatically update itself its version now aged 7. 4. 7600. 226 .

    The problem you see may occur when there is a version mismatch of the file with the Windows Update Agent files, which is a mixture of old files with the new files. This is due to an installation "or damaged."

    You can take a look at your windowsupdate.log file located in your WINDOWS directory, to check the error codes - missing files or failling updated files (especially c:\windows\system32\wuapi.dll, wups2.dll, c:\windows\system32\wups.dll or wuweb.dll).

    You must re-register or re - install files WU in order to obtain the Service Windows Update works again. Try here:

    http://support.Microsoft.com/kb/958053

    And

    http://support.Microsoft.com/kb/949104

    Trust that this assistance.

  • having problems with the pop-up windows of analytical Google all of a sudden and now the pages are crashing or being redirected

    original title: google analytics popups

    Ive been having problems with the Google analytic pop-up windows all of a sudden now pages break or redirected, I've ran Malware, Windows Defender, a direct care, Avira, Avast and F-secure, and nothing seems to have read on other forums to help, that his may be a Trojan horse: Trojan.osx.Dnschanger.B... ive also rebooted my router as suggested in some forums , but nothing seems to help?

    Hi NicolaaTC,

    See the links below and check if it works.

    What is the browser hijacking?

    http://www.Microsoft.com/protect/terms/hijacking.aspx

     

    Difficulty of your web browser hijacked

    http://www.Microsoft.com/security/spyware/browserhijacking.aspx

Maybe you are looking for

  • Total range change with the compilation

    Anyone know why compile an FPGA VI twice, without change, the change of total slice? I did this test: has realized a new FPGA VI first compilation-total bracket online: 42.6% second compilation-total bracket online: 44.8% Thank you Paolo.

  • Disable the away mode in BIOS

    Original title: BIOS How to disabling the system in the away mode

  • I do not have group policy Windows XP SP3

    My original hard drive died on me, so I had to get a replacement. I don't know if I'm allowed to use Group policy more because I'm on the replacement of the hard drive on an Acer laptop, but if I can someone please tell me how can I get a copy of it?

  • Missing file of mi4 Rockbox

    Can someone please help me to set up my sansa e250 v1 with rockbox.  I installed the sansapatcher and the rockbox bootloader and rockbox software.  When I unplug the device it says restatring and them comes up with an error message that said somethin

  • Update of the system - does never exceed 15%-16%

    I have read several posts regarding this issue, but nothing has worked for me on two products of Lenovo.  I have a B590 and a 8.1 G500 windows running.   On none of these laptops the Updater 5 system seems to work.  I uninstalled and reinstalled seve