CODEWITHSUNDEEP
cssfirefox
Kyle
Kyle

Reputation: 67194

Firefox conditional comments CSS

I'm trying to position a button. I want it to be above the "Gå Videre" button on the page, it works in Safari and Chrome but not IE or FF. 

#cartUpdate {
    position:absolute;
    width:160px;
    height:30px;
    left:580px;
    bottom:50px;
}

And

    {capture assign="cartUpdate"}

        <div id="cartUpdate"><!--<input type="submit" class="submit" value="{tn _update}" />-->
        <button type="submit" class="submit" id="oppdatersubmit" name="saveFields" title="Oppdater" value="">&nbsp;</button> </div>
    {/capture}
    {assign var="cartUpdate" value=$cartUpdate|@str_split:10000}
    {php}$GLOBALS['cartUpdate'] = $this->get_template_vars('cartUpdate'); $this->assign_by_ref('GLOBALS', $GLOBALS);{/php}

    {form action="controller=order action=update" method="POST" enctype="multipart/form-data" handle=$form id="cartItems"}

CONTENT


{/form}

Can be seen live at www.euroworker.no/order (put something in the basket first (Kjøp and Handlevogn)

EDIT: Just noticed my backend editor has stopped updating the .tpl file.. Might have something to do with it, no updates have been made for hours according to what's on the FTP. Just one thing after another...

Thanks.

Upvotes: 2

Views: 4012

Answers (4)

cja
cja

Reputation: 367

@-moz-document url-prefix() { selector { attr } }

Upvotes: 0

Barrie Reader
Barrie Reader

Reputation: 10713

You could also try a separate CSS file:

  <!-- IF NOT INTERNET EXPLORER THEN -->
  <![if !IE]>
  <!-- INCLUDE THIS CSS SHEET -->
    <link href="css/ff.css" rel="stylesheet" type="text/css" />
  <![endif]>

Upvotes: 1

ant
ant

Reputation: 22948

as @Neurofluxation conditional comments are best to handle the problems with IE, since you are having it with FF, just use FF CSS as default one and conditions for IE style sheets, you can also tweak your CSS for Firefox by using javascript you can explicitly say if Firefox is my browser use this style sheet, but that is a bad idea since javascript can be disabled and you website is leaved with bad layout.

Upvotes: 0

Dmitry Y.
Dmitry Y.

Reputation: 53

Try to use -moz- prefix for all properties.

Upvotes: 5

Related Questions