what, what, wha?

Oh yeah. Tripod's banner has no effect on the site. I get the same when I look at it on my local machine.

Hi GTAVercetti,
The problem seems to be the floated main div leaving it's container.
You could put a clearing div after main and before the closing tag of the container and it should fix your problem. <div style="clear:both;"></div>
Here's a great article on Containing Floats by Eric Meyer, that should help.

Thanks man. I changed the page since then, but I used the same technique and it worked beautifully. I was just about to ask where you learned that and then I saw that you mentioned that

I made a bunch of changes and I have run into another problem. if you view the page in Mozilla, inside the bar that says Home under the banner, you can see that there is a blue bar on the right with a small green stripe under it. This is how I want it to look. But in IE, the green bar is the same size as the blue bar even though I speficied the height as .1em. Is this an IE quirk or am I doing something incorrect again.

I am new to all this CSS stuff so thanks for the help!

page --> http://rblader23.tripod.com/suddsweb.html

css --> http://rblader23.tripod.com/suddsweb.css

Rob

okay, I changed some more items. I also applied borders so anyone who is willing to help can see what is going on. The main text there is the child of of main which is a child of banner., Each is has a border. As you can see in Mozilla, main, which is floated, flows outside of banner as a float should, though in this case it is not what I desire. I put <div style="clear:both"> after both the maintext and main to no avail.

Suggestions?

Frustrations abound!!!

Rob

p.s. It should also be noted that the footer is also a child of banner and yet banner does not extend around it.

On a totally seperate problem.

Safari is displaying a completely unstyled page.
Placing comment tags around the import statement should correct that.

	 <style type="text/css">
          <!--
		@import "suddsweb.css ";
	    -->
	 </style>