Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › I have display:inline but my float still breaks in IE!

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • August 14, 2008 at 2:05 pm #23088
    brianatlarge
    Member

    Website:
    http://studentseatfree.com/search.php

    I have a skyscraper ad on the right side of the page. It looks right in FF but in IE I can’t get it to go over to the middle under the box ad.

    HTML:

    Code:


    SEF Search Results


    Sort by:

    < 1 >
     All Listings

    Caliente Grille View map
      2 for $10 on Tuesdays

    Grand China Buffet View map
      10% Discount

    Little Tokyo View map
      10% Discount

    Spicy Pickle View map
      10% Discount



    CSS:

    Code:
    * { margin: 0; padding: 0; }

    img, div { behavior: url(iepngfix.htc) }

    body
    {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;

    }

    .back1
    {
    background:url(images/back1.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    }

    .back2
    {
    background:url(images/back2.jpg);
    background-position: right bottom;
    background-repeat:no-repeat;
    }

    .searchbox
    {
    background:url(images/topgreen.png);
    background-repeat:no-repeat;
    margin:0px auto;
    height:30px;
    width:999px;
    }

    .everything
    {
    background:url(images/bg.png);
    background-position: center top;
    background-repeat:repeat-y;
    margin:0px auto;
    width:999px;
    display:block;

    }

    .villiesflyer
    {
    background:url(images/villiesflyer.jpg);
    background-repeat:no-repeat;
    margin:0px auto;
    height:1241px;
    min-height:1241px;
    width:959px;
    }

    .searchformbox
    {
    margin-top:-27px;
    margin-left:30px;
    }

    .sort-area
    {
    float:left;
    width:300px;
    display:inline;
    }

    .search-area
    {
    float:right;
    width:270px;
    display:inline;
    }

    .logobox
    {
    width:175px;
    min-height:135px;
    height:135px;
    margin-left:30px;
    margin-right:10px;
    margin-top:29px;
    float:left;
    display:inline;
    clear:both;
    }

    .adtopbox
    {
    background-repeat:no-repeat;
    width:730px;
    min-height:90px;
    height:90px;
    margin-left:200px;
    margin-top:-114px;
    padding-right:65px;
    float:right;
    display:inline;
    }

    .adbox
    {
    width:300px;
    min-height:250px;
    height:250px;
    float:right;
    margin-right:70px;
    margin-top:15px;
    display:inline;
    }

    .skyscraper
    {
    float:right;
    margin-right:-225px;
    display:inline;
    width:160px;
    min-height:600px;
    height:600px;
    margin-top:294px;
    }

    .contentbox
    {
    width:560px;
    min-height:100px;
    padding: 5px;
    background-position: left top;
    margin-left:30px;
    }

    .comingsoon
    {
    background:url(images/comingsoon.jpg);
    background-repeat:no-repeat;
    margin:0px auto;
    height:600px;
    width:960px;
    }

    .description
    {font-size:16px;
    }

    .results
    {
    margin-left:30px;
    }

    .resultspadding
    {
    padding:5px;
    }

    .restname
    {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size:20px;
    font-weight:bold;
    }

    .floatleft {
    float: left;
    margin: 0px 10px 10px 0px;
    }

    .refine
    {
    background-color:#eeeeee;
    min-height:35px;
    height:35px;
    width:890px;
    padding:5px;
    margin-left:30px;
    margin-top:60px;
    background-position: center top;

    }

    /*Footer*/

    #footer {
    padding:10px 0px 70px 10px;
    color:#0c0c0c;
    width:951px;
    background-color:#daf2c8;
    font-size:9px;
    text-align: left;
    line-height:12px;
    margin:35px auto 0px;
    }

    #footer img {
    float:left;
    margin-right:10px;
    }

    #footer span {
    display:block;
    float:left;
    width:300px;
    }

    #footer a {
    color:#9e8292;
    text-decoration:none;
    }

    /*end footer*/

    img {border:none}

    div.clear { clear: both; }

    .boxlink
    {
    color:#000000;
    text-decoration:none;
    }

    /*advertise page*/

    h1.adheader {color:#446a31; line-height: 30px;}
    h1.advertise {color:#446a31; font-size:70px; font-weight:bold; margin-top:60px;}

    .adintro
    {
    font-size:14px;
    width:450px;
    margin-left: 30px;
    padding-top: 20px;
    line-height:20px;
    float:left;
    display:inline;
    }

    .adpoints
    {
    font-size:14px;
    width:450px;
    margin-top:25px;
    padding-top: 20px;
    margin-right:25px;
    line-height:20px;
    float:right;
    display:inline;
    }

    .adsizes
    {
    width:450px;
    height:369px;
    min-height:369;
    margin-right:40px;
    float:right;
    display:inline;
    }

    #form1 {width:640px;}

    .contact_form
    {
    margin:0px auto;
    width:640px;
    padding:15px;
    }

    /*advertise page over*/

    /*navigation*/

    .cssnav
    {
    position: relative;
    font-family: helvetica, arial, sans-serif;
    background: url(images/buttonoff.jpg) no-repeat;
    white-space: nowrap;
    display: inline;
    width: 144px;
    height: 35px;
    margin: 0;
    line-height: 35px;
    padding: 26px 0px 0px 0px;
    }

    .cssnav a
    {
    display: inline;
    color: black;
    font-size: 18px;
    font-weight:bold;
    width: 144px;
    height: 35px;
    color: black;
    text-decoration: none;
    }

    .cssnav img
    {
    width: 144px;
    height: 35px;
    border: 0
    }

    * html a:hover
    {
    visibility:visible
    }

    .cssnav a:hover img
    {
    visibility:hidden
    }

    .cssnav span
    {
    position: absolute;
    left: 0px;
    margin-top: 0px;
    width:144px;
    height:35px;
    padding: 0px;
    color: black;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    line-height: 35px;
    }
    /* navigation over */

    Thanks.

  • Author
    Posts
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.