Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE6 / IE 7 Float Issue Help! 1

Status
Not open for further replies.
imeldesign

imeldesign

IS-IT--Management
May 21, 2004
346
US
I have been doing a mock up site for a church and it looks great with one exception IE..the three boxes below the flash content box. In IE6 the first word of the dummy text is shifted two boxes over and the third box is dropped. In IE 7 the boxes are fine but the dummy text does the same. Looks fine in firefox mac/pc and safari. Any help out there?


thanks for the help
melanie
 
Sort by date Sort by votes
Hi Melanie,
Looking at your source code I found that by adding two <br /> tags the page now works in IE7. You can see these are colored in red in the code below. Also marked in red are two alt attributes that were failing the validator.

For the sake of completeness, also marked in red is a # sign in the Read More hyperlink in Box3 div where you originally had a 3

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>First Baptist Church of West Palm Beach</title>
<link href="fbcmain.css" rel="stylesheet" type="text/css" />
<link href="p7pmm/p7PMMh09.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="p7pmm/p7PMMscripts.js"></script>
</head>

<body>
<div id="Wrapper">
  <div id="Header">
    <div id="p7PMM_1" class="p7PMMh09">

      <ul class="p7PMM">
        <li><a href="#">Home</a></li>
        <li><a href="#">About Us</a>
            <div>
              <ul>
                <li><a href="#">Menu Item</a></li>
                <li><a href="#">Menu Item</a></li>

                <li><a href="#">Menu Item</a></li>
              </ul>
            </div>
        </li>
        <li><a href="#">Worship</a>
            <div>
              <ul>
                <li><a href="#">Menu Item</a></li>

                <li><a href="#">Menu Item</a></li>
              </ul>
            </div>
        </li>
        <li><a href="#">Connect</a>
            <div>
              <ul>
                <li><a href="#">Menu Item</a></li>

                <li><a href="#">Menu Item</a></li>
                <li><a href="#">Menu Item</a></li>
                <li><a href="#">Menu Item</a></li>
                <li><a href="#">Menu Item</a></li>
              </ul>
            </div>
        </li>

        <li><a href="#">Serve</a>
            <div>
              <ul>
                <li><a href="#">Menu Item</a></li>
                <li><a href="#">Menu Item</a></li>
                <li><a href="#">Menu Item</a></li>
              </ul>

            </div>
        </li>
        <li><a href="#">Contact Us</a></li>
      </ul>
      <div class="p7pmmclearfloat">&nbsp;</div>
      <!--[if lte IE 6]>
<style>.p7PMMh09 ul ul li {float:left; clear: both; width: 100%;}.p7PMMh09 {text-align: left;}.p7PMMh09, .p7PMMh09 ul ul a {height: 1%;}</style>
<![endif]-->
      <!--[if IE 5.500]>
<style>.p7PMMh09 {position: relative; z-index: 9999999;}</style>
<![endif]-->
      <!--[if IE 7]>
<style>.p7PMMh09, .p7PMMh09 a{zoom:1;}.p7PMMh09 ul ul li{float:left;clear:both;width:100%;}</style>
<![endif]-->

      <script type="text/javascript">
<!--
P7_PMMop('p7PMM_1',1,2,-5,-5,0,0,0,1,0,3,1,1,0);
//-->
      </script>
    </div>
    <div id="SearchBox">
      <form id="form1" name="form1" method="post" action="">
        <label>Search
          <input name="search" type="text" id="search" size="17" />
        </label>
      </form>
    </div>

  </div>
  <div id="MainContent">
    <div id="ContentLeft">
      <div id="MainImage"><img src="images/flashcontent.jpg" width="500" height="250" /></div>
      <div id="Box1">
        <img src="images/image1.jpg" alt="image1" width="165" height="149" /><br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce arcu sem, tincidunt non, laoreet vestibulum, vulputate eget, nulla. <a href="#">Read 

More..</a></div>
      <div id="Box2"><img src="images/image2.jpg" [COLOR=red]alt="image2"[/color] width="165" height="149" />[COLOR=red]<br />[/color]Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Cras bibendum, nulla id varius ullamcorper, tellus purus bibendum neque. <a href="#">Read More.</a></div>

      <div id="Box3"><img src="images/image3.jpg" [COLOR=red]alt="image3"[/color] width="165" height="149" />[COLOR=red]<br />[/color]Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Phasellus et quam nec quam dapibus porta. Aenean odio nisi, feugiat in. <a href="[COLOR=red]#[/color]">Read More</a></div>
     
      <div id="Clearing"></div>
    </div>
    <div id="SideBar">
      <h1><img src="images/head.gif" alt="head" width="64" height="89" align="left" class="sidebarimgrt" />Welcome To First Baptist Church of West Palm 

Beach</h1>
      <p>&nbsp;</p>
      <hr />

      <p>Thank  visiting our website.  As you navigate, you'll find that there are ministries and events for you - no matter what life-stage you're in! Feel free 

to contact us with any questions you have at <a href="#">info@fbcwpg.org</a>.</p>
      <ul>
        <li><a href="#">Times &amp; Directions</a></li>
        <li><a href="#">Calendar</a></li>
        <li><a href="#">Giving</a></li>

      </ul>
      <p><img src="images/mbair_front.png" alt="video sermons" width="165" height="92" /></p>
      <ul>
        <li><a href="#">Audio Podcast</a></li>
        <li><a href="#">Video Podcasts</a></li>
        <li><a href="#">Live Streaming Webcast</a></li>
      </ul>

      <hr />
      <p><br />
      </p>
    </div>
   
  </div>
 
</div>
<div id="Footer">&copy; First Baptist Church of West Palm Beach • 1101 South Flagler Drive • West Palm Beach • Florida 33401 • 561-650-7400 • <a 

href="#">info@fbcwpb.org</a></div>
</body>

</html>

Hope this solves it for you

Steve
 
Upvote 0 Downvote
THanks so much!!Have a star on me...(I left out alt tags since the graphic would be replaced with the real ones anyway. Just being lazy.)
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
168
pendle666
pendle666
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
143
vacunita
vacunita
rastaIT34
  • Locked
  • Question
CSS help in WordPress
Replies
3
Views
136
ChrisHirst
ChrisHirst
geneg28
  • Locked
  • Question
NEED HELP WITH CREATING LINKS
Replies
6
Views
199
geneg28
geneg28
1DMF
  • Locked
  • Question
Stop IE showing tooltip for required form fields on hover 1
Replies
0
Views
70
1DMF
1DMF

Part and Inventory Search

Sponsor

Back
Top