Float in Opera

HTML & CSS
1

Greetings!

I have here code that run in FF and in chrome but opera seems blind to this:


.item {
    float: left;
    padding: 3px;
    margin: 4px;
    opacity: 0.8;
}

I look for some browser hacks and I found this


.linux.gecko .gal-item-active {
    float: left;
    padding: 3px;
    margin: 4px;
    opacity: 0.8;
    border:2px solid black;
}

but still it doesn’t work.
Any help will do. Thank you.

2

Hi claro,

Opera understands float just fine so it must be something else.
Can you post a link to your page or provide the full HTML / CSS code?

3

Here is my html code:



<div class='cellTwo'>

<div class="item">
    <a href="" rel="colorbox" title="">
       <img href="" class="" src="" alt="" />
    </a>
 <p> </p>
</div>

<div class="item">
    <a href="" rel="colorbox" title="">
       <img href="" class="" src="" alt="" />
    </a>
 <p> </p>
</div>

<div class="item">
    <a href="" rel="colorbox" title="">
       <img href="" class="" src="" alt="" />
    </a>
 <p> </p>
</div>

</div>
4

Float doesn’t normally work unless you set a width on the element.

5

Everytime I make changes in my css seems lilke no effect in opera. How is that?

6

Sometimes you have to refresh your browser to get it to load the new styles, as it will have the old ones cached. You could also change the name of the style sheet each time to force the issue, though that’s a bit of a pain. Or clear the browser cache.

7

Browsers are like girls. They are unpredictable. Thank you for that. I don’t know what I did. I just installed firebug light and see, when I his refresh, it went well.