...

View Full Version : No hurry take your time Q. on aligning



jerry62704
02-15-2008, 07:20 PM
Moderators: Please delete this thread. It's confusing and inaccurate. All the posts are mine so it is my screwup.

jerry62704
02-15-2008, 07:51 PM
Didn't find it. Here is the CSS:

.leftPollSummary h4,
.centerPollSummary h4,
.rightPollSummary h4,
.namePoll h4,
.datePoll h4,
.percentPoll h4,
.notesPoll h4,
.detailPoll h4 {
margin-top: .1em;
border-top: 2px solid;
border-bottom: 2px solid;
font-size: 110%;
height: 1.1em;
}


.namePoll {
width: 22%;
float: left;
clear: both;
font-size: 90%;
}

.namePoll p {
height: 12em;
font-size: 100%;
}

.detailPoll {
height: 12em;
width: 77%;
float: left;
font-size: 90%;
clear: right;
}

.datePoll {
width: 12%;
font-size: 90%;
float: left;
}

.datePoll p {
font-size: 100%;
}

.percentPoll {
width: 12%;
float: left;
font-size: 90%;
}

.percentPoll p {
font-size: 100%;
}

.notesPoll {
width: 45%;
float: left;
font-size: 90%;
clear: right;
}

.notesPoll p {
font-size: 100%;
}


and here is the HTML:

<div class="contentCenter morespacing">
<h2 class="morespacing">Current Poll Details</h2>
<div class="namePoll"> <h4>Name of poll</h4></div>
<div class="datePoll"> <h4>Date of poll</h4></div>
<div class="percentPoll"><h4>Percent</h4></div>
<div class="notesPoll"> <h4>Notes on poll</h4></div>
</div>

<div class="contentCenter">
<div class="namePoll"> <p>ABC/Washington Post</p></div>
<div class="detailPoll">
<div class="datePoll"> <p>01/30/08</p></div>
<div class="percentPoll"><p>33%</p></div>
<div class="notesPoll"> <p>&nbsp;</p></div>
<div class="datePoll"> <p>01/09/08</p></div>
<div class="percentPoll"><p>32%</p></div>
<div class="notesPoll"> <p>Approval</p></div>
<div class="datePoll"> <p>12/16/08</p></div>
<div class="percentPoll"><p>34%</p></div>
<div class="notesPoll"> <p>&nbsp;</p></div>
<div class="datePoll"> <p>12/06/07</p></div>
<div class="percentPoll"><p>33%</p></div>
<div class="notesPoll"> <p>&nbsp;</p></div>
<div class="datePoll"> <p>Pre-911</p></div>
<div class="percentPoll"><p>55%</p></div>
<div class="notesPoll"> <p>(09/06/01)</p></div>
<div class="datePoll"> <p>Post-911</p></div>
<div class="percentPoll"><p>92%</p></div>
<div class="notesPoll"> <p>(10/08/01)</p></div>
<div class="datePoll"> <p>03/02/06</p></div>
<div class="percentPoll"><p>46%</p></div>
<div class="notesPoll"> <p>Favorablity</p></div>
<div class="datePoll"> <p>06/02/05</p></div>
<div class="percentPoll"><p>48%</p></div>
<div class="notesPoll"> <p>&nbsp;</p></div>
<div class="datePoll"> <p>10/02/04</p></div>
<div class="percentPoll"><p>53%</p></div>
<div class="notesPoll"> <p>&nbsp;</p></div>
<div class="datePoll"> <p>09/23/04</p></div>
<div class="percentPoll"><p>52%</p></div>
<div class="notesPoll"> <p>&nbsp;</p></div>
</div> <!-- detail poll area -->
</div> <!-- this poll area -->


You can see it here www.democratsforum.com/O_Bush_Poll1.php

Page down to the "Current Poll Details" section (about 33% down). What I see (FF) is a warping of the floats. In IE, a different problem appears, but I understand you develop in FF and then worry about IE.

I've beat up on it for the past couple of hours to no avail.

jerry62704
02-15-2008, 09:20 PM
Any help will be greatly appreciated.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum