Welcome Guest Search | Active Topics | Sign In | Register

Weird misfunction about links and divs - under list Options
Ciro Castellano
Posted: Wednesday, March 20, 2013 6:25:10 PM
Rank: Newbie
Groups: Member

Joined: 3/15/2013
Posts: 7
Hi guys,
i have a new problem. Now the code looks like this:

Code: HTML/ASPX
<ul>
<li>
    <div style="background-color:gray; width:300px; float:left; position:absolute;"> </div>
    <div style="float:left; position:relative;"><a href="http://www.google.com">google</div>
</li>
<li>
    <div style="background-color:gray; width:300px; float:left; position:absolute;"> </div>
    <div style="float:left; position:relative;"><a href="http://www.google.com">google</div>
</li>
</ul>


As you can see now it shows he links but not the gray bars anymore.

Thanks for support
eo_support
Posted: Wednesday, March 20, 2013 7:05:21 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Hi,

Floating element positioning with list is very tricky. Different browsers interprets it different ways. You can use Google Chrome to verify your output. And you will see it renders your HTML the same way as we do.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.