Silly lining up problem using a float

[NotSoFast]

Hi all,

I would really appreciate any help anyone can give on this one…

I’m trying to put some form inputs next to each other to save vertical space. The way I’ve done it (which may be wrong!) is to create a div for the first few elements and float it left, so that the next few elements wrap around on the right. My problem is that the very first label and text field are lower that those on the right. I can’t figure this out but I’m sure it’s something stupid.

Thanks in advance,

Simon

Here’s the CSS:

Code:

#wrapper {
width: 758px;
margin: 0 auto;
}

#firstitems {
float: left;
width: 382px;
}

body {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000000 ;
}

h1 {
background-color: #333399;
color:#FFCC33;
font-size: 1.5em;
padding-top: 1em;
padding-bottom: 1em;
text-align:center;
border: 1px dashed #ffcc33;
}

h2 {
clear:both;
font-variant: small-caps;
background-color:#FFCC33;
border: 1px dashed #333399;
/*margin: 10px 0 10px 0;*/
}

p {

font-size: .8em;
}

.header-detail {
font-size: .5em;
font-weight: normal;
font-variant:normal;
font-style:italic;
}

.nocheck {
display: block;
margin-left: 25px;
padding: 0 0 0 10px;
border: 1px dashed #666;
}

form .label {
float: left;
width: 150px;
}

.dates {

margin-right: 10px;
}

Here’s the PHP/HTML:

Code:

CNS Lesson Observation Record (School Evaluation)

General

Teacher Initials:

Observer Initials:

Subject:
‘Maths’, ‘English’, ‘Biology’, ‘Physics’, ‘Chemistry’, ‘Electronics’, ‘DT’, ‘Business Studies’, ‘ICT’, ‘Art’, ‘Drama’, ‘PE’, ‘Dance’,’Music’, ‘Geography’, ‘History’, ‘RE’, ‘CBV’, ‘Sociology’, ‘LEAP’, ‘French’, ‘German’, ‘Spanish’, ‘Govt and Politics’, ‘Law’, ‘Economics’);
//Sort the subjects alphabetically
asort($subjects);
// Make the subjects pull-down menu.
echo ‘‘;
foreach ($subjects as $key => $value) {
echo “$valuen”;
}
echo ‘ ‘;

echo’

Year group:’;

// Make the year group pull-down menu.
echo ‘‘;
for ($yg = 7; $yg <= 13; $yg++) { echo "$ygn”;
}
echo ‘ ‘;
?>

Set:
12345Mixed

No. of students:

LSA:


Yes


No

Date:
‘January’, ‘February’, ‘March’, ‘April’, ‘May’, ‘June’, ‘July’, ‘August’, ‘September’, ‘October’, ‘November’, ‘December’);

// Make the months pull-down menu.
echo ‘‘;
foreach ($months as $key => $value) {
echo “$valuen”;
}
echo ‘ ‘;

// Make the days pull-down menu.
echo ‘‘;
for ($day = 1; $day <= 31; $day++) { echo "$dayn”;
}
echo ‘ ‘;

// Make the years pull-down menu.
echo ‘‘;
$year = 2008;
while ($year <= 2012) { echo "$yearn”;
$year++;
}
echo ‘ ‘;
?>

Assessment for Learning (all lessons should demonstrate these features)

Learners understand what they are learning about (objectives)

Learners understand what evidence they will show to demonstrate they have achieved the objectives (e.g. piece of writing, presentation, solution to a problem)

Learners know how their work will be assessed

Learners know how to improve their work

Personal Learning and Thinking Skills (learners will participate in most of the following)

Learners have opportunities to describe and explain what they have learnt to others

Learners actively explore issues, events and problems

Learners analyse and evaluate information effectively

Learners are involved in different types of activities:

Individual

Pair

Group

Learners ask relevant questions

Progress of All Learners (please choose from the list)

Low ability learners:
Better progress than might be expectedGood progressAt least satisfactory progressLess than satisfactory progress

Middle ability learners:
Better progress than might be expectedGood progressAt least satisfactory progressLess than satisfactory progress

High ability learners:
Better progress than might be expectedGood progressAt least satisfactory progressLess than satisfactory progress

[NotSoFast]

Ah – it only does it in Firefox, not IE (6).

Does that ring any bells for anyone?

[Author]

Posts