Why is my border not going around everything? 1

[okpeery]

Here is a sample lesson plan template that has a border around everything how I'd like it.

Here is another variation of the template but the border doesn't go around the whole thing.

The code is very similar. I cannot figure out what the problem is

 

[traingamer]

They both have borders all around for me.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[trollacious]

The border is different in Firefox than in IE and Opera.

Lee

 

[BabyJeffy]

Try floating the container div:

div#container
{
	width:905px;
	text-align:left;
	margin:10px;
	padding:20px;
	border:1px solid black;
	[!]float:left;[/!]
}

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

 

[BillyRayPreachersSon]

Or use the very last snippet of code on this page:

http://www.positioniseverything.net/easyclearing.html

I refer to this as the "clearfix" code - it's served me well for a long time now - simply place a class of "clearfix" on your outer container (in fact, on any container with floating elements directly inside it), and let the magic of CSS do the rest.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ChrisHunt]

Just add [tt]overflow:auto;[/tt] to [tt]div#container[/tt].


-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[okpeery]

floating left for both the main container and the container down below with the daily activities worked perfectly. If it is not too complicated could someone explain why?

My teachers are also going to use Dreamweaver 8 to edit their templates for their own lesson plans. I have seen some display problems that fixed by fixing the code, but is the structure of the document likely to cause display problems? Is there a better way to do this?

By display problems I mean that if they change some of the text formatting the divs move over and sometimes there is a gap and the background color shows through. The teachers who have followed directions perfectly do not exhibit these display problems. Should I focus on tweaking the code even more or should I focus on teacher compliance?

 

[traingamer]

Focus on teacher education. (They hate that).

But it's hard to make things foolproof, because fools are so ingenious.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill