Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
- Bagi Anda yang ingin mendaftar, baca link berikut:
http://diskusiweb.com/discussion/50491/how-to-registrasi-diskusiweb-com-baca-ini-terlebih-dahulu
- Cara menyisipkan kode program supaya tampil rapi dan terformat dengan baik di diskusiweb.com: http://www.diskusiweb.com/discussion/50415/cara-menyisipkan-kode-program-di-diskusiweb-com
- Cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

margin dg css di IE dan Firefox

ika.apriliaika.aprilia
edited November -1 in Diskusi Pemrograman & IT
Aku bkn desain web dg css. Dstu ak bkn tampilan yang backgroundnya dari potongan2 gambar. Marginnya dah tak set
[code]margin: 0 0 0 0;[/code]
maksudnya biar gambar backgroundnya nyambung (ga terlihat potongannya). Tp koq malah di IE jadi da margin atas bawahnya ya, padahal di firefox bisa loh. Tolong dong gmn biar bisa sama tampilan di Firefox dan di IE. Gmn ??
Tagged:

Comments

  • man behind the maskman behind the mask
    margin: 0px;

    bisa gak?
  • ika.apriliaika.aprilia
    ttp ga bisa.
  • forzadracoforzadraco
    posting scriptnya dunk.. mana css dan htmlnya.....
  • ballisticballistic
    The syntax for conditional comments is as follows:

    Positive
    <!--[if condition]> HTML <![endif]-->
    Negative
    <!--[if !condition]><![IGNORE]> HTML <!--<![endif]-->

    condition is one of the following:

    IE
    Any version of IE
    lt IE version
    Versions less than version
    lte IE version
    Versions less than or equal to version
    IE version
    Only version version
    gte IE version
    Versions greater than or equal to version
    gt IE version
    Versions greater than version

    version is the version of Internet Explorer, typically 5, 5.5, 6, or 7

    HTML is the HTML to be included if the condition does or doesn't match, depending on the type of conditional comment. When included, the HTML is placed right where the conditional comment is in the source.

    For negative conditions, <![IGNORE]> can be replaced with --> if the condition is simply IE. The longer version is only needed when Internet Explorer might parse the contents.

    The <![IGNORE[ ... ]]> directive is not available in XML, so it is illegal to use it in XHTML. A solution would be to split it up into two special conditional comments: <!--[if !condition]> XHTML <![endif]--> <!--[if !IE]>--> XHTML <!--<![endif]--> where XHTML is the same both places. Note that Internet Explorer 7 and below don't yet recognize XHTML as a form of XML, so this is merely forward-looking.

    notes :
    1. lupa sumbernya dari mana
    2. supaya tampilannya sama tetep musti dibuat 2 css, 1 css untuk firefox dan 1 css untuk IE

    semoga membantu :cool:
  • man behind the maskman behind the mask
    margin mah gak perlu sejauh itu

    <body style="margin:0px;"><img style="margin:20px;" border=0 src="test.png"></body>

    ie dan ff sama hasilnya
  • Christoph ManaoChristoph Manao
    masalah perbedaan broser lagi, dah pernah dibahas. CSS memang kayek gitu, gak kompatibel sama semua browser. web ku saja, di IE dan Opera bagus, tapi ketika dijalankan di firefox, tampilan hancur banget.
  • wongbodowongbodo
    bukannya tidak bagus, hanya saja belum kompatibel dengan beberapa browser.
    kalo ingin dapat hasil yang maksimum bener katanya ballistic.
    supaya tampilannya sama tetep musti dibuat 2 css, 1 css untuk firefox dan 1 css untuk IE
  • ika.apriliaika.aprilia
    terus solusinya gimana ? Apa css tdk ckp bagus untuk mendesain web??
  • GokuGoku
    Ya solusinya buat file css tiap browser. Entar user pakai browser apa bisa kok di cek pakai php.
  • forzadracoforzadraco
    sebenarya klo qta bikin web valid w3c harusnya ga bakal berantakan di semua browser... jadi intinya bikinlah web yang valid w3c baik itu xHTML maupun CSSnya
  • asli.indonesiaasli.indonesia
    nop, meskipun valid w3c, tetap ada sedikit perbedaan. karena setiap browser memiliki persepsi property css yang tidak identik.
  • huhuihuhui
    Originally posted by Goku
    Ya solusinya buat file css tiap browser. Entar user pakai browser apa bisa kok di cek pakai php.


    setubuh sama mas gokuww :D

    deteksi dulu browser
    if (eregi('Opera',$HTTP_SERVER_VARS["HTTP_USER_AGENT"]))
    $ThisOpera=true;
    elseif (eregi('MSIE',$HTTP_SERVER_VARS["HTTP_USER_AGENT"]))
    $ThisIE=true;

    baru kasih cssna






    tapi IE emang ribet 'susah'
  • farhan386farhan386
    klo memalsu user agent berarti harus siap menanggung segala konsekuensinya dong. Kayak lynx, user agent bisa dirubah sendiri.

    @huhui
    jangan pake regex (eregi, preg_match) klo cuman mau nyari string dalam string. Pake strpos aja
    1. preg_match(), which uses a Perl-compatible regular expression syntax, is often a faster alternative to ereg().

    2. Do not use preg_match() if you only want to check if one string is contained in another string. Use strpos() or strstr() instead as they will be faster.

    --php manual--
  • forzadracoforzadraco
    biasa kalau penulisan css kurang lengkap itu yang menyebabkan jadi berantakan. jadi biasakan menulis css dan xHTML yang baik dan benar.
  • forzadracoforzadraco
    kalau udah valid w3c ga bakal terlalu acak2an..
  • hadi_mulyadihadi_mulyadi
    solusi alternatif margin-padding?
    saya memakai teknik text-align center pada element child

    awalnya
    <div style="margin;padding;">Hello world</div>


    solusinya
    <div style="width:100;text-align:center;">

    <div style="width:80">Hello world</div>

    </div>
  • see_taufiksee_taufik
    mungkin permasalahannya sama dengan thread ini. saya coba bantu anda dengan cara saya. coba tambahkan code css seperti ini sesuai dimana letak acaknya.

    word-wrap: break-word;
    overflow: hidden;

    tips: pengalaman saya buat web jika sudah jadi, liat previewnya di firefox. kalo udah bagus baru liat di IE. kalo di IE hancur tmbahin script css seperti di atas.. kalo masih hancur, saya angkat tangan deh. mendingan buat ulang aja. :P:P
    buddypokevo8.jpg
  • see_taufiksee_taufik
    sory nyampah. biar thread ini bisa diatas. :P:P:P
Sign In or Register to comment.