HTML & CSS does not work in the iphone browser

My website looks fine in safari and firefox, but when I watch the divs on an iphone/ipad, etc get cut and does not develop the full screen.

Also when I do a browser compatibility test I get the error code "any content that does not fit into an area of fixed-width or - height causes the box will expand to fit the content rather than letting the overflow of content."

Someone at - it suggestions?

Help!

It is not admissible.  It is not optimized to work well in anything other than a desktop display.  iPhones and iPads to use their built-in zoom function to make a regular site 'fit' in the display area that works well most of the time.  But this is not optimal.  The only way to make your site works well in all devices to be rebuilt with a Responsive Web Design approach.

Responsive Web Design

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-Web-design/

Introduction to CSS Media Queries

http://www.Adobe.com/devnet/Dreamweaver/articles/introducing-media-queries.html

CS6 (17 min video) fluid grid layouts

http://TV.Adobe.com/watch/learn-Dreamweaver-CS6/using-fluid-grid-layouts/

EXECUTIVES OF REAGENTS

=======================

Zurb Foundation

http://Foundation.ZURB.com/templates.php

Reusable skeleton

http://www.getskeleton.com/

Initializr (HTML5 Boilerplate, sensitive or "bootstrap")

http://www.Initializr.com/

Extension FREE Bootstrap of the DMX Zone for DW

http://www.DMXzone.com/go/21759/DMXzone-bootstrap/

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Information about password protection does not work in the IPhone 4S

    Hello

    Good evening. I use IPhone 4S for the past 2 years. March 9.3 IOS has released and even I've updated in my IPhone. But the Notes password protection does not work in my IPhone 4 s.

    Please let me know why this does not work in my IPhone.

    Thank you

    Maryse M.

    Post edited by: Maryse

    You can respond with more details on what you mean by "does not"-for example, no option to create a password, no option to lock a note, cannot open a note protected without password, etc..

    The following can also help. It has instructions on creating a password in the Notes app or in the settings App, keep your notes safe with password-protection - Apple Support

  • Is my site Popup does not work on the Android browser

    I am the owner of a website IE http://www.stdtestingorlando.net . The Web site is using a responsive model. I just installed a popup javascript based on my site. I just noticed that it is works well on desktop computers, but does not appear on the android devices. What could be the problem?

    Mobile browsers have usually a single window, so the idea of a second window to appear has really no sense, or it will end up as another tab.

  • Search in HTML Help does not work with the help of Web to CHM converter script

    Hello

    My problem is simple:

    In fact, we use a simple HTML help with a chm file.

    The WebHelp offers more possibilities and the new script in RobotHelp 10 prupose for generate a WebHelp in a chm file, so perfect!

    But when I use the Web Help for CHM converter script, I generate a good chm file, I open it and do a search. The page on that research are based, but when I want to open one, I always have a message "this program cannot display this webpage".

    For more information, the search function works well when I do a simple HTML.

    Thank you in advance for your reply,

    François

    Hello

    How this may or may not work may depend on where the CHM is when you open it. It is on your C drive? If this isn't the case, it must be.

    In addition, if you copied it, it is possible you have to right click and choose "Unlock" in the property sheet.

    See you soon... Rick

  • CSS does not work for the part of the Page

    http://www.inroadsracing.com/

    DW cs4

    The CSS of this site doesn't seem to work on the mission statement, which is supposed to be the size of 1em and a green.

    What escapes me, and how I can fix?

    Thank you.

    Just to add to the observation of Gary, the Misiion statement looks like this

    Our Mission is to promote the sport of cycling through Elite women to Juniors, especially of Junior women through a system of identification, exposure and education. We are a regional Elite women cycling team of category 1 and 2 women who will compete in the continental Northeast. We race in the pursuit of victory, for the development and make the awareness of cycling with the general public.

    I'll try to not rub it in but here are my notes

    1. It is Statementnot not a title of the Mission. The use of an element of H is not correct
    2. align = "left" should be replaced by a CSS rule
    3. It is truly amazing to see things. It makes me feel dizzy, but I think more about the silent browser that must interpret that.

    Now take a look at the following

    Our Mission is to promote the sport of cycling through Elite women to Juniors, especially of Junior women through a system of identification, exposure and education. We are a regional Elite women cycling team of category 1 and 2 women who will compete in the continental Northeast. We race in the pursuit of victory, for the development and make the awareness of cycling with the general public.

    You can now style cela on

    .service {}
    make-style: italic;
    padding: 2px;
    text-align: center;
    color: #060;
    do-size: 1em;
    make-weight: bold;
    }

    GRAMPS

  • Game Center still does not work on the iphone 6?

    Since IOS game Center 9 didn't work on my iPhone when 6 is it fixed or how to fix it?

    ackup in iTunes

    Restore using iTunes as a NEW

    See if the problem resolves

    If it works normally - restore backup

  • Former CSS does not work in the new version of Dreamweaver

    I upgraded from Dreamweaver MX 2004 to the CS3 product. When I open one of my old pages in Design view, the page is not rendered correctly, even if it's just normal when I publish on the web. The aspx page uses the following style sheet: 3col_leftNav.css.

    Any ideas?

    Thank you
    DashRabbit

    I figured it thanks Murray * ACE *, which reminded me to experiment with a same style sheet and the new web page. It turns out that my reference to the style sheet has a backslash in it, rather than a forwardslash.

    Here's how it looked:

    href = "CSS\3col_leftNav.CSS"

    Here's how it should have been:

    href = "CSS/3col_leftNav.CSS"

    Either way works fine with Dreamweaver MX 2004. This is not the case with Dreaamweaver CS3.

    Thank you!

    Dash-

  • the .swf and .html files does not work while the .fla file works great

    Hi I'm new to actionscript, and I have a question. The fla file works perfectly and runs the timer function and reads the xml file to create an RSS feed, but when I publish and choose HTML wrapper and then choose 14 Flash swf and html file load the photos and the text field but isn't something else please help.

    Thanks in advance.

    import flash.net.URLLoader;

    import flash.net.URLRequest;

    import flash.events.Event;

    import flash.text.TextField;

    import flash.text. *;

    import flash.utils.Timer;

    import flash.events.TimerEvent;

    var RSSLoader:URLLoader = new URLLoader();

    var RSSURL:URLRequest = new URLRequest ("http://sports.yahoo.com/soccer//rss.xml");

    RSSLoader.addEventListener (Event.COMPLETE, RSSLoaded);

    RSSLoader.load (RSSURL);

    var RSSXML:XML = new XML();

    RSSXML.ignoreWhitespace = true;

    var title: TextField;

    var desc:TextField;

    var allText:TextField;

    title = new TextField();

    allText = new TextField();

    var i: int;

    function RSSLoaded(e:Event):void {}

    trace ("xml load file here");

    RSSXML = XML (RSSLoader.data);

    for {(var selectedItems:String in RSSXML.channel.item)

    title. Text = (RSSXML.channel.item [selectedItems] .title + "/");

    title.wordWrap = true;

    tfLog.text += title.text;

    tfLog.wordWrap = true;

    trace (title. (Text);

    }

    }

    var t:Timer = new Timer (200);

    t.addEventListener)

    TimerEvent.TIMER,

    function(EV:TimerEvent): void

    {

    tfLog.text tfLog.text.substr = (1) + tfLog.text.charAt (0);

    }

    );

    t.Start ();

    var picTimer:Timer = new Timer (2000);

    picTimer.start ();

    picTimer.addEventListener (TimerEvent.TIMER, timehandler);

    function timehandler(event:TimerEvent):void {}

    setChildIndex (getChildAt (7), 0);

    }

    A way around that is to have a PHP file on your server that reads the XML feed and your swf reads the data from the PHP file rather than directly from the external domain.

  • Wallpaper from the point of view does not work on the iPhone 6

    Hello, I tried to set a wallpaper wallpapers apple and camera and my point of view option is disabled. And tried the hard reset and software update.

    Make sure that the settings > General > accessibility > reduce Motion is set to Off.

  • CSM online help does not work with the chrome browser

    Nothing happens when (using the SP2 4.4 CSM client) try to open the online help. Chrome browser pop up, but no new tab is created. What parameters are needed in Chrome?

    As Marvin said, Chrome is not supported and when opening the help he starts an activex script.
    Try opening the help directly using the URL:

    https://your-server-name"/help/config/index.html?wfplan_cncpt_ProductOverview.htm «»

    concerning

    Michel

  • After the 9.3 Safari browser does not work on my iPhone 6 s.

    After the 9.3 Safari browser does not work on my iPhone 6 s. Any solution to this bug? I've been trying different menthods as the incognito but still the same. He was great before working. And now, when I tap on the link of the application crashes.

    It is a known issue and Apple is working on a fix. This article summarizes some of the problems with the current version. To disable Javascript in Safari, but this sacrifice functionality with the web browser.

    http://osxdaily.com/2016/03/25/Troubleshooting-iOS-9-3-update-problems/

  • Responsive HTML5 with mergedprojects, creates a hyperlink to a file in the project html parent to a child html file and it does not work! The child has with the parent TOC, but need to tie. Help, please!

    Hi group!

    I have a brilliant parent project that serves as a springboard for other projects. Users click a component of software they want and are redirected to a page with a list of all the documentation available for this component. Click on the name of a document and access - a lot of PDF files. BUT I also wish they were able to tie the online help for the component. After having read up on the link through / between projects, I knew that I needed to create a parent project (for the page intro and links brilliant) and projects for children (for software components).

    THEN

    I created a parent sensitive HTML5 project and the projects of two children. I compiled the parent to create mergedprojects files, and then open the projects children and collected to the appropriate mergedprojects folder. I then created a hyperlink to the file list html documentation in the project parent towards the child file software component html (output folder and start page [which is the same as the default theme]) and the link does not work! The child and its table of contents appears in the parent TOC so topics are here, but I can't link to them. If necessary, I can send screenshots.

    Where I am dorking this place?

    Thanks in advance for your time and help!

    Scottie 'needs help' gear

    What is your relationship like? And how did you create the link?

    A typical reactive merged help is structured as follows:

    index.htm (Master home page)

    mergedProjects

    childName

    index.htm (starting page for child)

    A child from the index.htm page link would look like this:... /... index.htm

    Kind regards

    Willam

  • BlackBerry Webworks App does not work on the Simulator after conditioning

    Hi everyone, I ' ve developed a webworks app and everything works fine on the emulator ripple, but when I load it on the Blackberry (9860 and 9930) Simulator... it loads successfully (I can see the icon, etc.), but when I open it, appears only a WHITE SCREEN...!

    I thought it was the Blackberry Simulator, so I changed it (does not work)

    I thought it was my application, so I leave my fair "index.html" with a BLACK background (does not work)

    the Validation of my config.xml file is fine, and I have not any idea on how to solve this problem!

    Help please, thank you

    http://mundourbanohn.com/Simulator1.jpg

    Hello, thanks for people, but I already solved this problem, I had a div with POSITION: FIXED; and apparently WebWorks does not support this CSS property, so I removed it and everything works fine. Thanks in any case. Concerning

  • navigation does not work on the cell phone screen

    Hi guys,.

    I'm baaacckkkk... ok I downloaded on the web. My browsing on the mobile phone does not work and the carousel does not work... they worked in dreamweaver, so I must have broke something when I loaded up...

    Here is the html file something seems obvious:

    <! DOCTYPE html >

    < html lang = "en" >

    < head >

    <! - Bill DiLuigi website, a site of basic home, contact, media and songs, time, work and credentials - >

    <!-Kathy Bampfield | -> 28/02/2016

    < meta charset = "utf-8" >

    < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    < name meta = "keywords" content = "Bill Diluigi, songwriter, musician, artist, christian, Editor, Nashville, Tennessee" > ""

    < name meta = "description" content = "Bill DiLuigi is a composer, musician and artist, publisher who lives in Tennessee Nashille." >

    < title > Bill DiLuigi < / title >

    <!-"bootstrap"->

    < link href = "bootstrap.css" rel = "stylesheet" > "

    < link href = "styles.css" rel = "stylesheet" >

    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >

    <!-WARNING: Respond.js does not work if you view the page via file://-->

    <!-[if lt IE 9] >

    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .

    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .

    <! [endif]-->

    < / head >

    < body >

    < div class = "container-fluid #wrapper" >

    < nav class = "navbar, navbar-default" >

    < div class = "container" >

    <!-brand and toggle get grouped together for better mobile display->

    < div class = "bar navigation-header" >

    < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#defaultNavbar1" aria-expanded = "false" > < span class = "sr only" > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

    < / div >

    <!-collect the nav links, forms, and other content to alternate->

    < div class = "navbar-collapse collapse" id = "defaultNavbar1" >

    < ul class = "navbar-nav nav" >

    < class li = "active" > < a href = "index.html" > home < span class = 'sr-only' > (ongoing) </span > < /a > < /li >

    < class li = "active" > < a href = "work.html" > work < span class = "sr only" > (ongoing) </span > < /a > < /li > ""

    < class li = "active" > < a href = "contact.html" > Contact < span class = "sr only" > (ongoing) </span > < /a > < /li > ""

    < /ul >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / div >

    < / nav >

    < div id = "carousel1" class = "slide Carousel" data-ride = "Carousel" >

    < ol class = "Carousel-indicators" >

    < li data-target = "#carousel1" data-slide-to = "0" class = "active" > < /li >

    < li data-target = "#carousel1" data-slide-to = "1" > < /li >

    < li data-target = "#carousel1" data-slide-to = "2" > < /li >

    < /ol >

    <! - a wrapper for the legends and images/objects - >

    < div class = "Carousel-interiors" role = "listbox" >

    < div class = "active item" > < img src = "Images/slide1.jpg" alt = "First slide" class = "Center-block" > "

    < div class = "Carousel-caption" >

    < h3 > Bill DiLuigi < / h3 >

    < p > musician | Songwriter | Artist < /p >

    < / div >

    < / div >

    < div class = "item" > < img src = "Images/slide2a.jpg" alt = "Second image slide" class = "Center-block" > "

    < div class = "Carousel-caption" >

    < h3 > Anthony Smith, Bill DiLuigi, Chris Young < / h3 >

    Songwriting < p > < /p >

    < / div >

    < / div >

    < div class = "item" > < img src = "Images/slide3b.jpg" alt = "Third slide" class = "Center-block" > "

    < div class = "Carousel-caption" >

    < h3 > Richie McDonald < / h3 >

    Duo "still there for me" < p > with Amber Hayes < /p >

    < / div >

    < / div >

    < / div >

    <! - carousel controls - >

    < a class = "Carousel-control left" href = "#carousel1" role = "button" data-slide 'prev' = > < span class = "glyphicon glyphicon-chevron-left" aria-hidden = "true" > < / span > < span class = 'sr-only' > previous </span > < /a > < a class = "carousel-control right" href = "#carousel1" role = "button" data-slide 'next' = > < span class = "glyphicon glyphicon-chevron-right" aria-hidden = "true" > < / span > < span class = 'sr-only' > next </span > < /a >

    < / div >

    < section id = 'hand' >

    < h1 > Bill DiLuigi < / h1 >

    < p > Bill DiLuigi is a musician who came out of the eclectic music scene of Philadelphia. His influences are just as eclectic; Since the Delta Blues to Grunge and country. He was part of the Mantra Sierra in the 2000s. The Palestinian Authority based band mixed the heaviness of Soundgarden with sampling and female vocals.

    His background as a cult leader also helped to learn the craft of Christian Music. He gives thanks in all things to his Lord and Savior, Jesus Christ. < /p >

    < p > in 2005, Bill moved to Nashville and is now a writer of staff for partners in rhyme on Music Row. In addition to writing hits for stars, it is a powerful performer with a unique style of honest. "I don't want to just people to come watch me do, I want to share my heart and give them something to take away." His songs have been in the Country of the Billboard Top 100 and Americana Top 100 charts. He is a regular performer at the Bluebird Café. He played in the world of the Bitter End in New York for the Tamworth Festival in Australia. < /p >

    < / item >

    < p >

    < /p >

    < / div >

    < div class = "row" >

    < div class = "col-md-4 collar-xs-12" >

    < div class = "thumbnail" id = "a" > < img src = "Images/ThumbNailSchedule.jpg" alt = "Thumbnail Image 1" class = "promoting the img img-sticker" > ""

    < div class = "caption" >

    < h3 class = "center text" > annex < / h3 >

    < p > listening to the music of live Bill! < /p >

    < class p = "center text in uppercase text" > < a href = "BillSchedule.html" class = "btn, btn-primary" role = "button" > find out where Bill is to play < /a > < /p > "

    < / div >

    < / div >

    < / div >

    < div class = "col-md-4 collar-xs-12" >

    < div class = "thumbnail" id = "two" > < img src = "Images/desktop_young_and_the_restless_entertainment_hd-wallpaper - 200.jpg" alt = "Thumbnail Image 1" class = "promoting the img img-sticker" >

    < div class = "caption" >

    < h3 class = "center text" > investments < / h3 >

    < p > extract work. the Bill < /p >

    < class p = "center text in uppercase text" > < a href = "work.html" class = "btn, btn-primary" role = "button" > work of Bill < /a > < /p > "

    < / div >

    < / div >

    < / div >

    < div class = "col-md-4 collar-xs-12" >

    < div class = "thumbnail" id = "3" > < img src = "Images/LetsTalk200.jpg" alt = "Thumbnail Image 1" class = "promoting the img img-sticker" > ""

    < div class = "caption" >

    < h3 class = "center text" > Let's Talk < / h3 >

    < p > need to talk with Bill? < /p >

    < class p = "center text in uppercase text" > < a href = "contact.html" class = "btn, btn-primary" role = "button" > Contact Bill < /a > < /p > "

    < / div >

    < / div >

    < / div >

    < / div >

    < div class = "row" >

    < div class = "col-md-4" > < / div >

    < / div >

    < footer > Bill DiLuigi | Rhyme partners and 888 red music | 1109 16TH Ave South, (former Vincent music Bldg). Nashville, TN 37212 | 615-336-4556 | & copy; Copyright 2016 < / footer >

    <! - jQuery (necessary to Bootstrap JavaScript plugins) - >

    "< script src ="... / js/jquery-1.11.3.min.js "> < / script >"

    <! - include all the plugins compiled (see below), or include individual files to the need - >

    "< script src ="... / js/bootstrap.js "> < / script >"

    < / body >

    < / html >

    Remove the highlighted items and everything is fine!

  • HTML export does not work in my host.

    HTML export does not work in my host.

    The program works very well. Look in the browser preview and published in businesscatalyst, but when I export to html and upload it to my server is bad, just misguided.

    Try to rename the master of the CSS css/master_a-p%c3%a1gina-maestra.css?fileVersionPlaceholder

    Your server reports an error 404. "The requested URL /css/master_a-pagina-maestra.css was not found on this server."

    I have a normal design for print so I'm not sure of the exact cause, but maybe the name of the file is lost in translation?

    J

Maybe you are looking for