CSS Layout Issue In I.E. (figures)

[XX7509]

Hello everyone!

Can someone please help me out, this is my first website using CSS. I think I'm doing really well everything is working for far except one issue with IE.

I have a header div which is at the very top of the page, the header has a background color and needs to span all the way across the width of the broswer, this works fine in FF and NS, but in IE I get a large 10px or so gap, where the white body shows through, this only happens on the right side, the left and top are completely flush with the side of the browser. I don't know why this only happens in IE, can someone please help?

I'm pretty sure all the HTML is correct, and theres only about 6 lines, so I'm only going to post the CSS code because I belieave that's where the problem is anyway.

If someone needs to see the HTML please let me know. I know that I can put all the similar styles on a single line, but I'm not worried about that right now, I just want to get the design right, then I can clean up the code once everything is working.

TIA!

#topwrapper
{
	font-family: Verdana;
	font-size: smaller;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
	background-color: #DFE5EF;
	margin: 0;	
}

div.headright
{
	float: right;	
}

div.headleft
{
	float: left;

}

Just in case, here's the HTML anyway

	<div id="topwrapper">
	<div class="headleft">Version 0.1 BETA - For Testing Only</div>
	<div class="headright"><a href="../brokelink.htm">Home</a> | 
	<a href="../brokelink.htm">Logout</a></div>
	</div>

I don't have the program online, so there's no way to view it. Sorry.

 

[Rowan W]

I can't really see what the problem is, but just incase, use this code:

body {
     margin:0;
}

Also, don't use "smaller" with font sizes, use 'em' or 'px'.

And for padding, you can just use "padding: 5px 5px 5px 0px;", where each number corresponds to one side of the element.

 

[XX7509]

Thanks for the reply.

I do have body margin set to 0, sorry I didn't paste then entire css file. I got the problem fixed, it was because 1. IE is crap, and 2. because I was trying to use frames like requested. I scrapted the frames and did it all over in pure css and now it works fine.

For some reason when IE displays frames even with COLS 25%, * it never completely fills the last frame, it always leaves a 10px margin on the last one.

 

[Rowan W]

1. IE is crap, and

Yes.

Glad you worked it out.