Firefox 3 CSS issues.

Hello,
We haven't seen any big issues either with the Firefox 3 beta's or Firefox 3 but now that FF 3 is out in the wild and no longer beta there are many more people using it. If you see any strange new CSS issue , in the Application Builder , SQL Workshop .. etc. I'd be much obliged if you posted it here.
Here is a good example http://oracleinsights.blogspot.com/2008/06/oracle-apex-builder-css-fix-for.html even though Mark went so far as to figure out the fix , thanks Mark , don't feel the need to do that just a quick post on the page and/or circumstance you saw it would be great.
Thanks in advance,
Carl
blog : http://carlback.blogspot.com/
apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5

Hi Carl,
Here's something Firebug showed me:
FirebugContext.browser is undefined
E("ContentArea")apex_ns_3_1.js (line 1)
? in apex_ns_3_1.js@1("ContentArea")apex_ns_3_1.js (line 1)
$x("ContentArea")apex_3_1.js (line 1)
$x_Style(["BB", "ContentArea", "ContentBody"], "display", "")apex_3_1.js (line 1)
$x_Show(["BB", "ContentArea", "ContentBody"])apex_3_1.js (line 1)
filterAttributeRegions(a#ALL.htmldbButtonListCurrent f?p=4000:4...682252#ALL, "#DEFAULTALL")apex_builder.js (line 1)
propTest()apex_builder.js (line 1)
? in apex_3_1.js@1()apex_3_1.js (line 1)
[Break on this error] var NameSpaceOnly=false;var apex={};if(a...aram("x02",C);H.ajax.add(I,B);H._get()};
Regards,
Dimitri
-- http://dgielis.blogspot.com/
-- http://www.apex-evangelists.com/
-- http://www.apexblogs.info/

Similar Messages

  • Firefox CSS issue

    I have a problem related to CSS programming
    in Firefox.
    If I use an a tag to enclose some text, and I use the style attribute as:
    style = 'background-color: blue;'
    When I drag the cursor over this text to highlight it,
    I find that there is a thin stripe on the top of the text.
    -How may I set text background color to avoid this?
    -Failing that, is there a simple css code fix?

    A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
    The helpers at that forum are more knowledgeable about web development issues.<br />
    You need to register at the mozillaZine forum site in order to post at that forum.<br />
    <br />
    See http://forums.mozillazine.org/viewforum.php?f=25<br />

  • Firefox CSS issues

    My test page validates both for XHTML Transitional and CSS,
    and displays
    correctly in IE7, but Firefox is not showing a div background
    and the nested
    divs aren't obeying the width rule. It looks like there is a
    Z-index
    problem, but I don't know enough to decide that without help.
    Help?
    http://www.callokie.com/working/default.asp

    > Could you post a screenshot of what it should look like
    in IE 7? I tried
    > using Browsershots but your server is kicking back a 403
    error saying that
    > their IP has been banned.
    http://members.cox.net/dchs/layout_test.jpg

  • CSS issue in IE 7

    > This message is in MIME format. Since your mail reader
    does not understand
    this format, some or all of this message may not be legible.
    --B_3300698008_833609
    Content-type: text/plain;
    charset="ISO-8859-1"
    Content-transfer-encoding: 8bit
    Hi
    I'm currently redoing an HTML website in CSS within
    Dreamweaver CS4 and
    picking it up as I go along. Yep another learner!
    It¹s at
    http://www.dmcdist.co.uk/CSS_Site/index.html
    As I see it the Spry menu I¹ve created is shunted up to
    the top over the DMC
    logo whereas if I look at in Firefox 3 and the Mac browsers
    it¹s absolutely
    fine. Has IE 7 got issues with certain CSS inputs because
    I¹ve tried
    everything to get it to jump down.
    Thanks.
    --B_3300698008_833609
    Content-type: text/html;
    charset="ISO-8859-1"
    Content-transfer-encoding: quoted-printable
    <HTML>
    <HEAD>
    <TITLE>CSS issue in IE 7</TITLE>
    </HEAD>
    <BODY>
    <FONT FACE=3D"Calibri, Verdana, Helvetica,
    Arial"><SPAN STYLE=3D'font-size:11pt=
    '>Hi<BR>
    I'm currently redoing an HTML website in CSS within
    Dreamweaver CS4 and pic=
    king it up as I go along. Yep another learner!<BR>
    It&#8217;s at <a href=3D"
    /www.dmcdist.co.uk/CSS_Site/index.html</a><BR>
    <BR>
    As I see it the Spry menu I&#8217;ve created is shunted
    up to the top over =
    the DMC logo whereas if I look at in Firefox 3 and the Mac
    browsers it&#8217=
    ;s absolutely fine. Has IE 7 got issues with certain CSS
    inputs because I&#8=
    217;ve tried everything to get it to jump down.<BR>
    <BR>
    Thanks.</SPAN></FONT>
    </BODY>
    </HTML>
    --B_3300698008_833609--

    > This message is in MIME format. Since your mail reader
    does not understand
    this format, some or all of this message may not be legible.
    --B_3300714750_1854234
    Content-type: text/plain;
    charset="ISO-8859-1"
    Content-transfer-encoding: 8bit
    I¹ve got around it by putting line spacing in above the
    Spry table but I¹m
    sure there must be a better workaround.
    On 04/08/2008 5:00 pm, in article
    C4BCE642.8A9E%[email protected], "Garry Bradley"
    <[email protected]> wrote:
    > Can I bump this as I need to try and figure it out.
    >
    >
    > On 04/08/2008 12:33 pm, in article
    C4BCA798.8A57%[email protected],
    > "Garry Bradley" <[email protected]>
    wrote:
    >
    >> Hi
    >> I'm currently redoing an HTML website in CSS within
    Dreamweaver CS4 and
    >> picking it up as I go along. Yep another learner!
    >> It¹s at
    http://www.dmcdist.co.uk/CSS_Site/index.html
    >>
    >> As I see it the Spry menu I¹ve created is
    shunted up to the top over the DMC
    >> logo whereas if I look at in Firefox 3 and the Mac
    browsers it¹s absolutely
    >> fine. Has IE 7 got issues with certain CSS inputs
    because I¹ve tried
    >> everything to get it to jump down.
    >>
    >> Thanks.
    >
    --B_3300714750_1854234
    Content-type: text/html;
    charset="ISO-8859-1"
    Content-transfer-encoding: quoted-printable
    <HTML>
    <HEAD>
    <TITLE>Re: CSS issue in IE 7</TITLE>
    </HEAD>
    <BODY>
    <FONT FACE=3D"Calibri, Verdana, Helvetica,
    Arial"><SPAN STYLE=3D'font-size:11pt=
    '>I&#8217;ve got around it by putting line spacing in
    above the Spry table b=
    ut I&#8217;m sure there must be a better
    workaround.<BR>
    <BR>
    <BR>
    On 04/08/2008 5:00 pm, in article <a
    href=3D"C4BCE642.8A9E%garry.bradley@btin=
    ternet.com">C4BCE642.8A9E%[email protected]</a>,
    &quot;Garry Brad=
    ley&quot; &lt;<a
    href=3D"[email protected]">garry.bradley@btinterne=
    t.com</a>&gt; wrote:<BR>
    <BR>
    </SPAN></FONT><BLOCKQUOTE><FONT
    FACE=3D"Calibri, Verdana, Helvetica, Arial"><=
    SPAN STYLE=3D'font-size:11pt'>Can I bump this as I need to
    try and figure it o=
    ut.<BR>
    <BR>
    <BR>
    On 04/08/2008 12:33 pm, in article <a
    href=3D"C4BCA798.8A57%garry.bradley@bti=
    nternet.com">C4BCA798.8A57%[email protected]</a>,
    &quot;Garry Bra=
    dley&quot; &lt;<a
    href=3D"[email protected]">garry.bradley@btintern=
    et.com</a>&gt; wrote:<BR>
    <BR>
    </SPAN></FONT><BLOCKQUOTE><FONT
    FACE=3D"Calibri, Verdana, Helvetica, Arial"><=
    SPAN STYLE=3D'font-size:11pt'>Hi<BR>
    I'm currently redoing an HTML website in CSS within
    Dreamweaver CS4 and pic=
    king it up as I go along. Yep another learner!<BR>
    It&#8217;s at <a href=3D"
    /www.dmcdist.co.uk/CSS_Site/index.html</a><BR>
    <BR>
    As I see it the Spry menu I&#8217;ve created is shunted
    up to the top over =
    the DMC logo whereas if I look at in Firefox 3 and the Mac
    browsers it&#8217=
    ;s absolutely fine. Has IE 7 got issues with certain CSS
    inputs because I&#8=
    217;ve tried everything to get it to jump down.<BR>
    <BR>
    Thanks.<BR>
    </SPAN></FONT></BLOCKQUOTE><FONT
    FACE=3D"Calibri, Verdana, Helvetica, Arial">=
    <SPAN STYLE=3D'font-size:11pt'><BR>
    </SPAN></FONT></BLOCKQUOTE>
    </BODY>
    </HTML>
    --B_3300714750_1854234--

  • Background image seems to be applied twice Can someone help with this CSS issue....

    Can someone help with this CSS issue....
    http://66.162.81.144/cms400min/default.aspx
    If you view the main page you will see that our background is
    2 shades of
    orange.. if you look at the line that divides those colors to
    the right and
    left you wil notice that the line is higher
    if you notice that it seems that there is another background
    on top of the
    first one..its the only thing i can think of..
    the only place where the image is being referenced is in this
    CSS style
    html, body
    min-height:100%;
    margin-bottom:1px;
    text-align:center;
    background-repeat:no-repeat;
    background-image:url(images/Background-Color2.jpg);
    background-color:#F74902;
    background-position:center;
    background-attachment:fixed;
    Is there something wrong with the above CSS that could or
    would cause this?
    is it because im applying the image to both the HTML and
    BODY?
    ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
    2008

    You've attached the background to both the html and the body.
    I would do this:
    html, body {
    min-height:100%;
    margin-bottom:1px;
    body{
    text-align:center;
    background-repeat:no-repeat;
    background-image:url(images/Background-Color2.jpg);
    background-color:#F74902;
    background-position:center;
    background-attachment:fixed;
    Having said that the image doesn't look any higher on the
    right than the
    left to me in Firefox. Is it just an optical illusion?
    Daniel wrote:
    > Can someone help with this CSS issue....
    >
    >
    http://66.162.81.144/cms400min/default.aspx
    >
    > If you view the main page you will see that our
    background is 2 shades of
    > orange.. if you look at the line that divides those
    colors to the right and
    > left you wil notice that the line is higher
    >
    > if you notice that it seems that there is another
    background on top of the
    > first one..its the only thing i can think of..
    >
    > the only place where the image is being referenced is in
    this CSS style
    >
    > html, body
    >
    > {
    >
    > min-height:100%;
    >
    > margin-bottom:1px;
    >
    > text-align:center;
    >
    > background-repeat:no-repeat;
    >
    > background-image:url(images/Background-Color2.jpg);
    >
    > background-color:#F74902;
    >
    > background-position:center;
    >
    > background-attachment:fixed;
    >
    >
    > }
    >
    > Is there something wrong with the above CSS that could
    or would cause this?
    > is it because im applying the image to both the HTML and
    BODY?
    >

  • Firefox 11 Issue with rollover buttons, or...?

    I've created a top-level navigation scheme in Muse, consisting of 4 tabs.
    Demand Generation | Marketing Automation | Marketing Operations | Blog
    The first tab's rollover functionality (Demand Generation) works fine, No matter where I move my mouse on this tab, the rollover works fine and the sub-menus display properly.
    The other 3 tabs seem to have gaps in the rollover hotspots. If you move your mouse across any of the text (Marketing Automation | Marketing Operations | Blog) you'll notice that the rollover functionality appears and then dissappears at different places along the text.The sub-menus also appear and dissapear at different spots as well.
    I've checked the 'Edit Together' box within the navigation, but can't figure out why only the first tab works and not the rest.
    BTW: This is only an issue in Firefox . It works fine in IE.
    Click here to see for yourself: http://www.crowds2crowds.com
    Any idea what might be happening? Is it just a Firefox 11 issue or something else. I've checked each tab in Muse and they are all configured exactly the same. Its very odd that only the first tab works.
    4/23/12 Update: This issue is also occuring with Safari.

    I see the issue you're talking about, do you mind sending me your .muse file so I can take a look? Please send it to muse-support at adobe.com, along with a link to this thread. Please put "Attn: Colby" in the subject.
    Thanks,
    Colby

  • Urgent CSS issue in Safari! LIVE site *****

    A site I recently wrapped up was working great in all
    browsers, and for some reason I hopped on Safari today and noticed
    it's not formatting right at all! I'm not sure where the issue is
    as it was hunkey dorey before, and am hoping somebody on here might
    know so I can fix it quickly before there are complaints from
    people browsing to the site.
    http://www.mackinnonicehorse.com
    Anybody have any ideas? If you look at it in other browsers
    you'll see how the navigation should be, and there are some other
    small CSS issues in Safari that I'm seeing. It was working fine
    though… ideas? Please help!

    Never mind… there was ONE little mistake in my
    stylesheet that I fixed and BAM - everything back to normal.
    PHEW!!! :)

  • Hierarchy Viewer CSS issue

    Hi,
    I have a Fusion Web Application in Jdeveloper 12C that gets the colors and skinning from a CSS file.
    When i add:
    af|dvt-hierarchyViewer
        background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #000000 300%);
        background-color: currentColor;
        background-attachment: scroll;
    to my CSS file and run my application, the Hierarchy opens with a grey colour but then it flashes back to the default light blue gradient of fusionFx-simple-v2.desktop as soon as it tries to fetch data.
    But if i change these settings on the Hierarchy itself, the colour changes to the grey and it stays grey.
    Any help with this will be appreciated
    Stefan du Preez

    Duplicate Hierarchy Viewer CSS issue
    Timo

  • Firefox font issues

    System: eMac G3 running 10.3.9
    Firefox: current (2.0.0.14), but affected prior versions also
    Classic installed? yes
    User-specific? yes
    User has unique language preferences as international options? Yes. All languages, however, require an essentially Latin characterset. (Not Central European, Cyrillic, Chinese etc.) Same settings cause Firefox no issues on a machine running Tiger.
    Persists on restart, after verifying/repairing disk, after repairing permissions etc.
    Have tried trashing ~/Caches/Firefox and ~/Application Support/Firefox. Have also tried doing this, switching language order (so an English is top) in System Preferences and restarting Firefox with no effect.
    Have tried trashing /Library/Caches/com.apple.ATS/uid.*, ~/Caches/Firefox, ~/Application Support/Firefox and logging out and back in.
    Symptoms: fonts in location bar, dialog boxes etc. are small, wobbly and generally peculiar-looking as if they have been written in a cramped, wobbly hand. Errors in console.log are roughly as follows (sorry, I'm having to do this from memory):
    ... cannot map file /Applications/Firefox.app/Contents/MacOS/plugins/Default Plugin.plugin ...
    ... cannot map file /Applications/Firefox.app/Contents/MacOS/plugins/JavaEmbeddingPlugin.bundle ...
    ... cannot map file /Applications/Firefox.app/Contents/MacOS/plugins/MRJPlugin.plugin ...
    three lines of errors specifically about the MRJPlugin
    ... cannot map file /Library/Internet Plug-Ins/QuickTime Plugin.plugin ...
    and similar lines for all entries in this directory (QT given as example)
    Fonts in actual web pages appear OK.
    Firefox -> Preferences -> Content shows nothing for Default Font. Under the advanced options, I have:
    Fonts for: Western
    proportional: serif
    serif: <blank>
    non-serif: <blank>
    monospace: <blank>
    Allow pages to choose own fonts is checked.
    Default encoding: Western (ISO-something-I-forget-but-looked-normal)
    Attempting to change a font yields an oddly restrictive list of options. For example, I might get "Times CY" or "Times CE" but not Times. All fonts seem to be non-English/non-Latin options.
    No non-default fonts are installed at either user or system level other than any installed with applications such as Adobe Reader, AppleWorks etc. ~/Library/Fonts/ is empty.
    Any suggestions would be welcome.
    - cfr

    jsd2 wrote:
    Maybe browsing to about:config and filtering on "font" would show something of interest .
    Hmm... Yes. I'll try that next time I'm on the machine in question. I'm pretty sure it is profile specific so would have thought a clean profile would solve issues that would show up here, but definitely worth checking.
    Might be worth asking or searching at Mozilla's Firefox support forum-
    http://forums.mozillazine.org/viewforum.php?f=38
    That was to be my next port of call. I posted here first because it seems to be specific to a particular Mac/version of the OS and to be specific to a user account but not a profile. Mainly, though, I posted here first because I'm already registered here and hate the proliferation of accounts I seem to need online these days! (I know I can post on the Mozilla forums anonymously but I'm fussy and like to know if anybody answers without having to keep checking. There's just no pleasing some of us...)
    Thanks,
    cfr

  • CSS issue in EM

    HI,
    We have soa suite installed in cloud for the learners and sometimes the Em doesn't load properly..looks like some CSS issue.
    How to debug it? what could be the problem?
    thanks
    Sanjeeva

    Sanjeeva,
    What do you mean by "Em doesn't load properly"?
    Can you post more details? While loading EM look at the log file as well.
    Arik

  • ADA Fixes for Robohelp: Frames & CSS Issues

    Fellow Robohelpers:
    I am attempting to resolve a set of major issues within Robohelp 8
    a) Frames are not properly named in Robohelp 8. Is anyone aware with which files to change (post generation or pre-generation of outputs) to rename Frames so the visually impaired user is clearly informed which frame they are on
    b)When you disable CSS, the navigational elements (frames) become a jumble. They do not function correctly (TOC, Index, Search) since Robohelp is heavily CSS dependent and hides objects (text fields, the various left hand navigational elments) behind CSS.
    Any reccomendations how to resolve these, or insights as to how to make Adobe aware of this! I have been reaching out to them about this for quite some time! I am hoping capturing a workaround for at least a) will make the tool one step closer to ADA compliance (screen reader compliance)
    Thanks
    Yaseen

    Hi,
    I guess your output is WebHelp. First, try to create 'Section 508 compliant' output or pure HTML output. This may solve quite a bit of your problems.
    If you don't want that output, this is what I think:
    a) RH nests a lot of frames, but start looking at the launch file, the csh.htm file, whskinfrmset01.htm and whskin_frmset010.htm. Note that if you change the names of frames, this may cause some scripts to stop functioning...
    b) As for the CSS issues, the only way to make that work is to manually sort out all problems and amend the javascripts.
    If you want to let Adobe know your wish, use the wish form: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&product=38
    Greet,
    Willam

  • Firefox focus issues

    Hi!
    I have a sometimes very irritating problem with Firefox. I have a Logitech G7 mouse with a tiltable wheel that I've set up to change tabs in forefox, and a sidebutton that I use to close tabs with. I'm just using xbindkeys to bind the mouse buttons to ctrl+page up, ctrl+page down and ctrl+w. The thing is that firefox sometimes seems to loose focus, and ignores keyboard commands. For example when I close my current tab with my mouse or by pressing ctrl+w, and then try to close the next tab too, it doesn't work. I have to click on another window or on the desktop to make firefox loose focus, and then click on firefox again. Then it starts working temporarily again.
    I'm using Firefox 3.0b2 from AUR right now, but I had the same problem with Firefox 2 from extra too. I use gnome with metacity. I also have a couple of plugins installed, but I have tried without any plugins too. I also have the same problem on my laptop, and both my computers use Arch64.
    So, does anyone know a solution to this? It's not such a big deal really, but I gets really annoying sometimes.

    arnuld wrote:
    Aha... and I thought I am the only with Firefox issue
    I use "wmii" and my Firefox always looses focus. In wmii, you can change to different TAGS (like Desktops in GNOME) using "ALT-#" If i have 3 tags opened and Firefox is running on tag-2 and I go to tag-3 to check my messages in pidgin and come back with "ALT-2" I do not see Firefox. I see only border of Firefox and between the border i see my background wallpaper . Clickign with mouse does not bring the focus in anyway..... Quite funny though.. It is happening very frequently , nearly all the time, even if I kill Firefox using <killall firefox-bin> or <kill -9 PID> , the problem remains as it is when I start Firefox again :\
    This also seems to be a different problem from what I'm experiencing, but it seems like there are lots of different firefox focus issues. From your description it almost seems like firefox has crashed for you, since it is no longer drawing itself. Have you tried running firefox from a terminal, to see if you get any error messages?

  • Mac :: Firefox :: CSS border issue

    Can someone with Firefox on a Mac check this page and see if
    you can tell
    why in the "products" boxes ( there are 3 ) .. the bottom
    border is missing
    on only 2 of them. I believe the 3rd box down renders the
    border. If I
    delete a paragraph from the 1st box, the border shows on the
    1st box and not
    the other two .. weird.
    http://65.115.104.39/html%5Fnewsletters/stevens/urban/
    The css is fairly complex for the entire page but the
    relevant code for this
    product box looks like this.....
    #pContent .adblock {
    border: 1px dashed #777;
    margin: 1em 10px;
    background: #fff;
    }There is more going on there but the .adblock style is this
    container with
    the dashed border. Seems to work fine in Safari, and IE and
    FF on PC.
    Regards,
    ..Trent Pastrana
    www.fourlevel.com

    oops, had an extra border in there.
    #outerwrap #wrap #pContent hr {
    position: relative;
    height:0;
    border-top:1px solid #777;
    Regards,
    ..Trent Pastrana
    www.fourlevel.com
    "T.Pastrana - 4Level" <[email protected]> wrote in message
    news:e99fee$7lu$[email protected]..
    > No, it's actually not the hr causing the missing border.
    It was doing
    > that before the hr was there. The hr was causing the
    redraw problem
    > though. Firefox also doesn't render height on hrs very
    well. The way
    > around both of these problems was to set the height of
    the hr to 0px and
    > give it a top border.
    >
    >
    > #outerwrap #wrap #pContent hr {
    > position: relative;
    > height:0;
    > border:0;
    > border-top:1px solid #777;
    > }
    >
    >
    > --
    > Regards,
    > ..Trent Pastrana
    > www.fourlevel.com
    >
    >
    >
    >
    >
    > "Osgood" <[email protected]> wrote in
    message
    > news:e98c42$oog$[email protected]..
    >> Osgood wrote:
    >>
    >>> T.Pastrana - 4Level wrote:
    >>>
    >>>> Really? ok thanks for checking...
    >>>>
    >>>>
    >>> Yeah...but now I check in the latest version of
    Firefox they don't
    >>> appear. Have you got any empty clearing
    <divs> in the code.
    >>>
    >>> If so put a   in and see it that helps.
    I seem to remember that the
    >>> latest version of Firefox reacts differently to
    empty <div></div> on
    >>> Mac.
    >>
    >> This is what is causing those bottom dashed lines to
    not appear in Mac
    >> Firefox.
    >>
    >> <hr width="90%" size="1">
    >>
    >
    >

  • CSS issues in Firefox and Safari

    I have this bit of code that i cant seem to get working in
    firefox or safari
    .backgr {
    text-align:center;
    margin-left:0px;
    margin-top:0px;
    background-color:#CCCCCC;
    border:solid 1px;
    What am i doing wrong
    ASP, SQL2005, DW8 VBScript, Access

    Thanks for the replies... i just noticed that i forgot to
    mention what was
    not really working with this code...
    I have span that im applying this to... its wrapping around
    my screen data
    to give it a easier background to read the text on...
    In IE i can view my page with a grey box behind all my page
    data...
    But within firefox, opera and safari the box is not there and
    makes my
    navigation look like crap...
    So would using the last reply that has all the individual
    styles listed help
    with this issue?
    ASP, SQL2005, DW8 VBScript
    "Daniel" <[email protected]> wrote in message
    news:ffp1k6$f4n$[email protected]..
    >I have this bit of code that i cant seem to get working
    in firefox or
    >safari
    >
    > .backgr {
    > text-align:center;
    > margin-left:0px;
    > margin-top:0px;
    > background-color:#CCCCCC;
    > border:solid 1px;
    > }
    >
    > What am i doing wrong
    >
    > --
    > --
    > ASP, SQL2005, DW8 VBScript, Access
    >

  • CSS issues with FireFox

    I was wondering if anyone could help, the attached code
    displays fine in IE6 but the left hand column goes haywire in FF.
    Any suggestions?
    Thanks in advance!
    <!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>
    <style type="text/css">
    <!--
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0; /* it's good practice to zero the margin and
    padding of the body element to account for differing browser
    defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5*
    browsers. The text is then set to the left aligned default in the
    #container selector */
    color: #000000;
    background-color: #666666;
    background-image: url(Images/background_trim.jpg);
    .twoColHybLtHdr #container {
    width: 900px; /* this width will create a container that will
    fit in an 800px browser window if text is left at browser default
    font sizes */
    background: #FFFFFF; /* the auto margins (in conjunction with
    a width) center the page */
    border: 1.4px solid #000000;
    text-align: left; /* this overrides the text-align: center on
    the body element. */
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    .twoColHybLtHdr #header {
    height: 110px;
    padding: 0 10px; /* this padding matches the left alignment
    of the elements in the divs that appear beneath it. If an image is
    used in the #header instead of text, you may want to remove the
    padding. */
    background-color: #DDDDDD;
    background-image: url(Images/Banner.jpg);
    .twoColHybLtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the
    #header div will avoid margin collapse - an unexplainable space
    between divs. If the div has a border around it, this is not
    necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will
    allow you to keep the element away from the edges of the div */
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    background-color: #FFFFFF;
    .twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
    margin-left: 10px; /* the left and right margin should be
    given to every element that will be placed in the side columns */
    margin-right: 10px;
    .twoColHybLtHdr #mainContent {
    width: 40em;
    margin-top: 26px;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 15em;
    padding-right: 15px;
    border: 2px solid #F9BDF9;
    padding-left: 15px;
    #qae {
    width: 120px;
    float: right;
    margin-top: 26px;
    margin-right: 20px;
    margin-bottom: 7em;
    margin-left: 0px;
    border: 2px solid #F9BDF9;
    padding: 0px;
    .twoColHybLtHdr #footer {
    padding: 0 10px;
    background-color: #DDDDDD;
    background-image: url(Images/footer_background.jpg);
    .twoColHybLtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the
    footer will avoid the possibility of margin collapse - a space
    between divs */
    padding: 10px 0; /* padding on this element will create
    space, just as the the margin would have, without the margin
    collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right
    in your page. The floated element must precede the element it
    should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left
    in your page */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or
    break element and should be the final element before the close of a
    container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    .style1 {
    font-size: 12px
    .style2 {
    font-size: 16px;
    .style6 {
    color: #FFFFFF;
    .style7 {
    color: #E2C8E3;
    font-size: 16px;
    font-weight: bolder;
    #nav ul {
    padding: 0px;
    list-style-image: none;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    #nav li {
    font-size: 85%;
    list-style-type: none;
    margin-right: 0;
    margin-left: 10px;
    #nav a {
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    #nav a:link,#nav a:visited {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #F9BDF9;
    #nav a:hover, #nav a:active {
    color: #FFFFFF;
    background-color: #E2C8E3;
    -->
    </style>
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional
    comment */
    .twoColHybLtHdr #sidebar1 { padding-top: 30px; }
    .twoColHybLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout
    it may need to avoid several bugs */
    </style>
    <![endif]-->
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr;
    for(i=0;a&&i<a.length&&(x=a
    )&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
    i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image;
    d.MM_p[j++].src=a
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document;
    if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document;
    n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for
    (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)
    x=MM_findObj(n,d.layers
    .document);
    if(!x && d.getElementById) x=d.getElementById(n);
    return x;
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
    Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x;
    if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body class="twoColHybLtHdr"
    onload="MM_preloadImages('Images/chocorangefireworks2.jpg')">
    <div class="style1" id="container">
    <div id="header">
    <h1 class="twoColHybLtHdr"> </h1>
    <!-- end #header --></div>
    <div id="sidebar1">
    <div id="nav">
    <ul>
    <li><a href="#" class="style2">Home
    </a></li>
    <li><a href="#" class="style2">About Us
    </a></li>
    <li><a href="#" class="style2">Cakes
    </a></li>
    <li><a href="#" class="style2">Pies </a>
    </li>
    <li><a href="#"
    class="style2">Desserts</a></li>
    <li><a href="#" class="style2">Contact
    Us</a></li>
    </ul>
    </div>
    <h3> </h3>
    <!-- end #sidebar1 --></div>
    <div id="qae">
    <p align="center">
    <!-- This clearing element should immediately follow the
    #mainContent div in order to force the #container div to contain
    all child floats --><br />
    <img src="Images/Quick_Links3.jpg" alt="quicklinks"
    width="112" height="26" /><br />
    <br />
    <a href="#" onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Image4','','Images/chocorangefireworks2.jpg',1)"><br
    />
    <img src="Images/chocorangefireworks.jpg" name="Image4"
    width="95" height="92" border="0" id="Image4"
    /></a></p>
    <p align="center" class="link_fonts style1">Chocolate
    Orange Biscuits.</p>
    <p align="center"><a href="#"
    onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lemon
    Meringue','','Images/Lemon Meringue2.jpg',1)"><img
    src="Images/Lemon Meringue.jpg" alt="Lemon Meringue Pie"
    name="Lemon Meringue" width="100" height="100" border="0" id="Lemon
    Meringue" /></a></p>
    <p align="center" class="link_fonts style1">Lemon
    Meringue Pie</p>
    <p> </p>
    <p> </p>
    </div>
    <div id="mainContent">
    <p><br />
    <span class="style7 style7 style7 style7 style7
    style7">Welcome to Bakers Delight! </span></p>
    <p>If you love to bake then this is the website for
    you. Packed with all sorts of yummy recipes to keep your taste buds
    rocking!</p>
    Whether you are entertaining, baking a treat for a friend or
    just feeling plain peckish then come along and browse through our
    recipes.
    <p>Feel free to browse around and make sure to come
    back soon and check out our newest recipes. </p>
    <h1> </h1>
    <!-- end #mainContent --></div>
    <!-- This clearing element should immediately follow the
    #mainContent div in order to force the #container div to contain
    all child floats -->
    <br class="clearfloat" />
    <div id="footer">
    <p align="center" class="style6">Home l About Us l
    Cakes l Biscuits l Pies l Desserts l Contact Us</p>
    <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>

    ok, im quite supprised at that, beacause in my FF and Opera
    whats meant to be the left column (pink rollover links) appear
    across the whole screen on top, whereas in IE they sit neatly to
    the left.

Maybe you are looking for

  • MIDI Loops

    I downloaded some midi samples at http://www.prosonic-studios.com/ and I was able to drag and drop into GarageBand 3 that's in iLife 06. When I installed GarageBand 08, all of a sudden those sample midi files when dropped into GarageBand, can be drop

  • When I try to upload photos to a wordpress blog using Firefox an IO error occurs. I cannot upload and have to use Google Chrome

    When I open Firefox and go to my wordpress web site to create a new blog, I cannot upload photos as an error message appears IO Error. I can upload in IE and Google Chrome. This problem has only just started happening in Firefox for some reason. Plea

  • Books imported from previous version of iPhoto

    We have recently bought a new iMac and installed iLife 09. We imported the iPhoto Library from our old G4 iBook which was iPhoto Version 5.0.4. The import went well, except that this new version of iPhoto has completely different themes for books. SO

  • BTDF - Web services deployment (Orch publishing as WCF service)

    I wanted to include my WCF published Orch deployed  in btdf.proj way. (BTDF 6.0) I followed the instructions by adding :  and set Virtual Directory to True When I deploy it, receiving error as : error : The VDirList ItemGroup is no longer supported. 

  • Upload binary files with Developer Forms

    Hi all, I'm newbie with Forms and I don't know if this question is already answered. I'm deploying an application involved with blob columns (binary files: pdf, doc, gif, etc) I want to let users to choose files from his PCs (typical "Browse files" b