Eredmény: 1 - 4 (4) összesen

Téma: IE float probléma

  1. #1
    Mentor
    Csatlakozott
    10-08-19
    Hely
    Debrecen
    Hozzászólás
    432
    Thanked 1 Time in 1 Post

    Alapbeállítás IE float probléma

    Van egy kis problémám a jobbra igazítással IE 6/7 alatt.

    A lényeg az lenne hogy a headerben bal oldalra menne az oldalam logója, jobbra pedig egy banner hely. Minden böngészővel stimmel, kivéve az IE-t...
    Igaz, jobbra igazodik a banner, de 1 sorral lejjebb megy.

    Kezdő vagyok még. Ha valami volt azért megoldottam, de most elakadtam teljesen.

    Végigszántottam a netet a válaszért, de csak az enyémhez hasonló kérdéseket találtam.

    Az alábbiakkal tudok szolgálni:

    Kód:
    .logo {
    	background: #026CB1;
    	min-height: 100px;
    	margin: -20px -20px 0;
    	-moz-border-radius: 10px 10px 0 0;
    	-webkit-border-radius: 10px 10px 0 0;
    	border-radius: 10px 10px 0 0;
    }
    
    .logo img {
            margin: 20px 0 0 20px;
    }
    
    .banner {
            float: right;
            margin: 0 20px;
    }
    Kód:
    <div id="container">
    <div id="header">
    <div class="logo">
    <a href="valami.com/index.php"><img src="{$theme['logo']}" title="valami.com" /></a>
    <div class="banner"><a href="http://valami.com" target="_blank" rel="nofollow"><img src="{$theme['imgdir']}/banner.gif" /></a></div>
    </div>
    Nem tudom hogy ez elegendő info-e.

    Remélem valaki segít! Köszönöm!


    Utoljára módosítva: Warrior által : 2011-03-21 08:53

  2. #2
    nembölcs nemvalid logója
    Csatlakozott
    09-06-25
    Hely
    Szeged
    Hozzászólás
    462
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: IE float probléma

    Konkrétan nem próbáltam ki, de 1-2 bizonytalan pont:
    * korai IE esetén nincs min-height
    * érdemes lenne a .logo-t is floatolni, balra.
    * adj meg szélesség-magasságot a floatolt div-eknek (vedd figyelembe az ie box-model bug-ot is, figyelj a margin-padding-ra!)

    Nem tudom, használsz-e css reset-et, érdemes lenne. Az ie-specifikus css-hez érdemes külön fájlt létrehozni, és kondicionális kommenttel behívni azt. Ha ez nem tetszik annyira, akkor használhatsz css hack-eket is, ie6 esetén a legegyszerűbb az "alulvonás" szerintem. ("_height: 100px;")



  3. #3
    Mentor
    Csatlakozott
    10-08-19
    Hely
    Debrecen
    Hozzászólás
    432
    Thanked 1 Time in 1 Post

    Alapbeállítás re: IE float probléma

    A .logo img-hez kellett a float left. IE 7 kipipálva. Isten vagy!

    6 alatt még rosszabb lett, de a többi javaslatodat még most próbálom.

    Szerk: A min-height sima height lett és így már IE 6 alatt is zsír.
    Még 1x köszi!


    Utoljára módosítva: Warrior által : 2011-03-21 10:07

  4. #4
    nembölcs nemvalid logója
    Csatlakozott
    09-06-25
    Hely
    Szeged
    Hozzászólás
    462
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: IE float probléma

    Nincs mit, szívesen
    ______________________



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •