When using CSS in APEX  do you need to specify a DOCTYPE?

Hi
Have just started looking at creating my own CSS for APEX apps. Have read that for non-apex web pages that without a DOCTYPE being specified, browsers such as Mozilla & IE-6 go into Quirks mode, a backward compatibility feature that functions as if it has no knowledge of modern DOM.
Does this affect apex pages and do you need to specify a DOCTYPE?
regards
Tony

The built-in APEX HTML page templates don't include DOCTYPES, virtually all have table-based layouts, so whatever browser you bring along, they're gonna party like it's 1999 and everyone is down with Win IE5. This is due to DOCTYPE switching.
The main thing that working this way achieves is that Oracle avoid having to include additional CSS rules and abstruse hacks to deal with CSS rendering bugs in each and every browser out there. Some people think this is A Good Thing.
Web Standards are another Good Thing, and if properly implemented in each and every browser out there life as a web developer/designer would be a lot simpler. Including a DOCTYPE in your page is the starting point for standards-based development. You're declaring "this document is compliant with the stated version of (X)HTML". It's up to you to ensure that it is.
Using an incomplete DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
proclaims your adherence to the XHTML 1.0 Strict standard, and you can take advantage of this by including a validator in your workflow to help you stick to it. However as it's incomplete, the browsers will still revert to rendering CSS in quirks mode, and using Javascript with a proprietary DOM.
A complete DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"html://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
says that you truly believe it's 2008 and will make the browsers render CSS in standards mode, and work with the W3C standard DOM. This is when you may have to deal with browser-dependent rendering bugs. Which might make it seem that Web Standards are more trouble than they're worth, but if you stick to them you won't have any real trouble with getting sites to work with Firefox, Safari and Opera, maybe IE7 and possibly IE6. And you can take advantage of better CSS support in the first 4 of these to apply more advanced techniques.
So, you don't need a DOCTYPE in your APEX pages, but you can include one, and you have to if you want to do standards-based development (as seen here and here).
APEX doesn't (yet?) create 100% standards-compliant code [and sometimes neither do template developers; content creators almost never] but it has improved in this area version on version.

Similar Messages

  • Pages-when using template for envelopes can you import names/address from address book

    When using templates for envelopes can you import names/address from the address book?

    Drag the VCard from Address Book onto the open envelope template.
    If you want mutiple addresses make a Group of those in Address Book and drag the Group icon onto the Pages template.
    Peter

  • My ipad is locked and i forgot the password. It says that I need to connect to Itunes but when I didi it it said you need to put the password on the ipad. what do I do?

    Please Help!

    If you cannot remember the passcode, you will need to restore your device using the computer with which you last synced it.
    This allows you to reset your passcode and resync the data from the device (or restore from a backup).
    If you restore on a different computer that was never synced with the device, you will be able to unlock the device for use and remove the passcode, but your data will not be present.

  • HT4910 when using i cloud, how do you transfer pictures and contacts to new i phone?

    When using i cloud on my i phone, how do you transfer contacts and pictures to new i phone?

    Sync your contacts, calendar and other data on your old phone with your iCloud account by turnining sync on in Settings>iCloud.  Then back up your old phone to iCloud.
    When setting up your new phone, restore it from the backup of your old phone.  Then sign into your iCloud account and turn on your data syncing and your contacts, calendars and other synced data will appear on your new phone.

  • Creating template areas when using CSS based layout

    Hi:
    I'm ransitioning to pure CSS based layouts. When I used tables for layouts I could select a table cell and make that an editable template region. But when I'm setting everything up in Divs, you can't "select" a div in Layout mode. Indeed, layout mode doesn't really work at all - things are shown all jumbled and you have to use Preview or open in a browser window to see how things will look. (I'm not using the grid - maybe I should?) Is there a way to select a div and make it an editable template region?
    I'm using GoLive CS2 on a Mac.
    Thanks!

    Is this affecting ALL text on that page?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "matthewtrefz" <[email protected]> wrote in
    message
    news:eo5o8v$aqa$[email protected]..
    > We have recently performed an upgrade to our site. The
    entire layout is
    > css
    > based. The problem we have run into is that Contribute
    users can no longer
    > select the content using the mouse. In fact the only way
    to edit the
    > content is
    > to use the arrow keys on the keyboard. Though it is
    possible to edit
    > content
    > this way it is very time consuming and confusing to most
    of our users.
    >
    > I have tired to edit pages based on a template, and
    pages not based on a
    > template and get the same issue.
    > What can I do to fix this problem?
    >
    > The web address is
    http://engineering.osu.edu
    >
    > Thanks,
    > Matthew
    >

  • Error when using CSS selector

    It really trouble. I think "background-image" selector has an error, when I type right statement it is not working. Image doesn't appear on background, but when I make 1 wrong statement (any-statement, HTML or CSS) then "background-image" selector works?!
    Could anyone explain me why it be like this? :'(
    Here is my code use for my Thimble:
    <pre><nowiki><style>
    body {
    background-image: url(http://takeinsocialmedia.com/wp-content/uploads/2014/04/norway-mountain-river-images-photos-0321205905.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial
    </style></nowiki></pre>

    Oh, that's weird. You're right, right after I change the link it turn out working after few minutes. Thanks a lot :)
    BTW, can I ask you once more question? It's about margin selector. Normally, if I put and "auto" value into "margin" it suppose to be center right? But in this code it won't (I never see this sintulation before)
    <style>
    main {
    background: rgba(0,0,0,.4);
    position: absolute;
    margin: 20px auto;
    padding: 5px;
    width: 1000px
    </style>

  • Why can't I preview my webpage when using CSS?

    I'm using Dreamweaver MX 2004. I load up the program, it asks
    me what file type I want to use, I choose CSS off the list.
    It all loads up. At the moment I'm just testing to see how
    things work so I copy examples from "
    http://www.w3schools.com/". So
    I know that it can't be the script (but I could be wrong, I still
    don't know very much about all this.)
    I save the file. I know that you have to do this with the
    HTML files before you can preview them. But when I click on the
    little globe thing which gives me the option to privew (or press
    F12) , it's grayed out.
    could someone please give me some suggestions on what the
    problem might be? It would be greatly appreciated.
    Thanks for reading!!!

    Celi_Jay wrote:
    > I'm using Dreamweaver MX 2004. I load up the program, it
    asks me what file type
    > I want to use, I choose CSS off the list.
    doing this, you create a css file (i.e. external cascading
    style sheet).
    Such files are code view only and can't be previewed in
    design view, (there is nothing to preview).
    An external style sheet does not produce anything visible, it
    is just a collection of styles that
    you can then apply to your html pages.
    To apply the styles, create an html page, and from the css
    panel, attach the style sheet to your page.
    By doing so, Dreamweaver will insert a line of code in the
    head of your html page, that looks like this:
    <link href="path_to_your_style_sheet.css" rel="stylesheet"
    type="text/css">
    This lines attaches the external style sheet to your html
    page, so now you can apply any style
    contained in that style sheet to your html.
    >
    > It all loads up. At the moment I'm just testing to see
    how things work so I
    > copy examples from "
    http://www.w3schools.com/". So
    I know that it can't be the
    > script (but I could be wrong, I still don't know very
    much about all this.)
    >
    > I save the file. I know that you have to do this with
    the HTML files before
    > you can preview them. But when I click on the little
    globe thing which gives me
    > the option to privew (or press F12) , it's grayed out.
    >
    > could someone please give me some suggestions on what
    the problem might be? It
    > would be greatly appreciated.
    >
    > Thanks for reading!!!
    >
    seb ( [email protected])
    http://webtrans1.com | high-end web
    design
    Downloads: Slide Show, Directory Browser, Mailing List

  • Fullscreen video disappears when using CSS transform on parent element

    I have a <code>video</code> element that opens in an overlay. The overlay is <code>position: fixed</code>, and the element inside of it is centered vertically & horizontally using <code>position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);</code>.
    All of the above works just fine, until a user clicks the fullscreen icon, then the video disappears... You can still hear the audio, but the video disappears...
    If I cancel the <code>transform: translate(-50%, -50%);</code> in the debugger, the video pops right back into place...

    If you toggle this feature in about config:
    browser.fullscreen.autohide to false.
    Good reference [http://www.w3.org/2010/05/video/mediaevents.html] and [http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php]
    It is also possible to use the webkit fullscreen controls:
    [http://www.thecssninja.com/demo/fullscreen/] and [http://fullscreen.spec.whatwg.org/ Fullscreen API] and example: [https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode#Browser_compatibility]

  • Errors & warnings when using the Admin Server Console - Help Needed

    hi,
    i just installed weblogic 12c and created a new domain which contains an adminServer and managedServer under
    one cluster.
    after finishing the installation, i started the Admin Server and afterwards started the admin server console.
    and i got the next warning and errors.
    the warning look like this:
    <20:00:35 IST 23/03/2012> <Warning> <Munger> <BEA-2156203> <A version attribute
    was not found in element "web-app" in the deployment descriptor C:\Oracle\Middle
    ware\user_projects\domains\base_domain\servers\AdminServer\tmp\_WL_internal\cons
    oleapp\jxhze9\console-ext\sipserver-console-ext\WEB-INF\web.xml. A version attri
    bute is required, but this version of the WebLogic Server will assume that the l
    atest version is used. Future versions of WebLogic Server will reject descriptor
    s that do not specify the Java EE version. To eliminate this warning, add an app
    ropriate "version=" to element "web-app" in the deployment descriptor.>
    the errors look like this:
    <20:01:51 IST 23/03/2012> <Error> <netuix> <BEA-423158> <No content found at con
    tentUri = /PortalConfig/security/providers/AuthenticatorConfigCommon.portlet.>
    what is the problem? anyone knows?

    If you want to have an weblogic environment with one domain having server spread across different physical machines , then you will have to perform the installations of the weblogic server separately on all the machines . Also make sure that the version of the Weblogic server you are installing is same across the machines and the directory structure is also exactly same.
    In short you will have to perform the below steps :
    1 : install the weblogic server on all the machines with exactly same version and same dir structure .
    2 : Create domain on MachineA providing all the details of the Managed Server and different machine hostnames.
    3 : Start the Admin Server on machineA and then shut down it.
    4 : execute the WLST pack command on MachineA creating a domain template JAR file.
    5 : copy the create jar file on all the Machines ( B , C , D ) you have to distribute your domain.
    6 : Execute the WLST unpack command on all the machines ( B , C , D ) .
    7 : Execute the WLST nmEnroll () command on all the machines ( B, C , D ).
    8 : Start the Managed Servers on all the machines ( B , C , D )

  • Have just found a hickup on the Lion software 10.7.2 When using a access point that you name with letters that is only in Norwegian æøå you will loose connections and only get time out. So the solution will be to rename the access point.

    Any solution beside to rename the wifi access point without the spesial Norwegian letters æøå?

    Your points match mine pretty well,though here are some thoughts:
    1. I thought about this theory myself this morning (iTunes possibly causing more issues), but I haven't been able to verify it.
    2. When I set up a new user it seemed better for a while, but the issue croppped back up. Yesterday I fully wiped the machine and reinstalled from scratch. I did not reimport my user from TimeMachine, but the problem has come back. My thinking was that I might have some really old software or prefs hanging around causing the issue. No dice.
    3. This is my current theory of the issue, so my next step will be to pull the RAM from Crucial and see how the system behves. IF that doesn't eliminate the problem, I'll pull the factory installed RAM and replace it with the 3rd party RAM. The odd thing is how many people seem to have similar issues - I know two personally, and have seen several posts on forums. I think the most common point for this happening was the 10.7.2 update, which would point to software as the culprit.
    4. That matches my experience.
    My hope is that this will be repaired in the forthcoming 10.7.3 release (current production version is 10.7.2), but otuside of what I noted above, I'm at a loss.

  • Macbook wont powerup, beeps repeatedly when power button is pressed and you need to hold the power button down to shut the beeping off. any thoughts?

    Have a 13" macbook. wont power up. upon hitting power button, the computer sounds 3 long beeps constantly until you hold the power button down for 5-10 seconds. any thoughts out there?

    Thanks guys, i just read a few articles regarding this. i pulled all the ram and tried swapping and reseating ram. it appears both chipsets are fine but one ram slot is bad. computer will boot with either chipset installed in the one good slot but neither chipset will boot in the other slot. bummer....

  • When using Firefox Sync, do the bookmarks need to be in the same order on each device?

    I synced three devices. One has bookmarks primarily set up by my teenage son. After syncing, my laptop show his bookmarks first. Can bookmarks be rearranged on one device without rearranging both other devices?

    They would need to be on the same wifi network.

  • Apple Care - You need to specify what "case" and "dispatch" numbers are

    Judgeing by the number of people asking this, Apple is really failing its users. When trying to track a repair the webpage requests "case,dispatch,zipcode,serial" numbers. What a load of crap. All we have is a tracking number from UPS and an Apple reference number. I sent my ipod off so how will I know the serial number and I'm not planning to move to America so I'll never have a zip code.
    Rubbish customer service.
    Does anyone have any advice?
    Advent Centrino   Windows XP  
    Advent Centrino   Windows XP  

    your dispatch and case #'s can be found just by logging on with your ID and password, and when you do LOGIN, your information (case & dispatch) should be on the top of your screen. This is GUARANTEED to WORK.

  • Can comment using windows, not when using ubuntu

    I got a pdf which i keep in a dropbox-folder. I want to comment and highlight the pdf.
    And I can do so using reader X on windows, but I can't using acroread on ubuntu. For some reason the restrictions on the pdf change when using another OS.
    If you need more information, please ask

    Hi, please read the troubleshooting sticky on top of the forum. It mentioned your problem plus the suggested solutions.

  • Do you need a cisco router at remote sites when using VRF BGP?

    Hello.....
    If you could refer to the attached document and read the following... I need to know if a CISCO router is required for each of the sites.   OR does the ISP (Provider) provide the only required Router in the private cloud?
    We want to replace the Cisco 891 with a PepLink but I don't know if we can do that.  Can anyone jump in and help me understand?
    When we hear about VRF, its almost synonymous to MPLS VPN. Virtual Routing and Forwarding is commonly used by Service Providers to provide services within an MPLS cloud with multiple customers. The most interesting feature of this is that, VRF allows creation of multiple routing tables within a single router. This means that overlapping use of IP addresses from different customers is possible. Some enterprises use VRF to seggrate their services like VOIP, wireless, geographical location and other varieties.

    Whether you can replace the 891 device with another device boils down to a single question: Do you need to run BGP with the Service Provider in order to use their service. If you need to run a routing protocol with your service provider, your service is likely a L3VPN (IP VPN) solution ( i.e. you inject your site's routes into the providers L3VPN session, they use MP-BGP+VRF for segmentation within their network).
    If, however, they just drop you a L2 connection and provide L2 emulated services ( e.g. L2VPN or VPLS ) across their network, then your device can be whatever you want it to be.
    From your device's perspective, it is not VRF aware. That is, it does not know about how the service provider segments your service from another customers. In the L3VPN case, your device is routing-protocol aware. In the L2VPN case, your device is not routing protocol aware and does not need to form adjacency with the service provider's equipment.
    HTH.
    Rate if helpful.

Maybe you are looking for

  • How can i protect my iphone from virus

    How can i protect my iphone from virus plz gelp me

  • Migration from 10.4.11 to 10.5.1 Server

    I just upgraded a OD Master from 10.4.11 to 10.5.1 everything was installed and did a reboot. After the reboot it was hang at license screen where you need to enter the serial number to upgrade the server. I did a restart and after entering serial nu

  • Mighty Mouse scroll ball problem

    I have had this Mighty Mouse for about a year and a half and the only problem has been the scroll ball. Every once in a while it won't scroll down. I was told to hold it upside down and rub the ball good with a wool cloth. Basically every time it did

  • Can I use multiple E4200's in bridge mode, to enable a "guest wifi' mesh?

    I have four E4200 units on my network, each with an unique IP address, in bridge mode to act as a wireless mesh across my entire building.   They are all connected to my central L3 switch, via their Internet ports. Is it possible to enable the Guest

  • KEEPING APERTURE 2 and 3 side-by-side

    Hi everyone... ...I was one of those whose Macbook Pros seized up for days when trying to upgrade to 3 from 2. In the end I reverted to 2 and restored from my backed up AP2 Library. All fine. QUESTION: Is a viable answer to buy AP3 complete, and run