5 replies [Last post]
GTAVercetti
Offline
newbie
Last seen: 16 years 47 weeks ago
Joined: 2003-09-15
Posts: 4
Points: 0

Hello,

Here is a site I am working on. If I open this page in IE, everything looks fine. The boxes are all in the proper places and sizes. But look at it in Mozilla or Netscape and main extends BELOW its parent, banner! Anyone know why this is and how to fix it? Here is the URI:

http://rblader23.tripod.com/suddsweb.html

and the CSS is here:

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

Thanks in advance,

Rob

GTAVercetti
Offline
newbie
Last seen: 16 years 47 weeks ago
Joined: 2003-09-15
Posts: 4
Points: 0

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.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

what, what, wha?

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.

GTAVercetti
Offline
newbie
Last seen: 16 years 47 weeks ago
Joined: 2003-09-15
Posts: 4
Points: 0

what, what, wha?

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 Laughing out loud

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

GTAVercetti
Offline
newbie
Last seen: 16 years 47 weeks ago
Joined: 2003-09-15
Posts: 4
Points: 0

what, what, wha?

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!!! Oups Oups

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.

d3signmonk3y
d3signmonk3y's picture
Offline
Enthusiast
Toledo, Ohio
Last seen: 17 years 1 week ago
Toledo, Ohio
Timezone: GMT-4
Joined: 2003-07-29
Posts: 59
Points: 0

what, what, wha?

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>