css styles sheet Mozilla vs IE

countcobolt · 12-22-2004, 02:49 AM

Hello everyone, I new to this board and hope I am posting in the right section.
????: NamePros.com http://www.namepros.com/web-design-discussion/61132-css-styles-sheet-mozilla-vs-ie.html
I have create a site (oh god, noooo

) and was trying to have this as a css stylesheet
div.centerpart
{
position:absolute;
left:120px;
right:0px;
top:120px;
bottom:15px;
}
apparently this works fine in Mozilla, but when looking at it in IE it turns up real shitty. The point is that I try to define a rectangular div which is resized according to the windows size of the browser. This way I can staticly define the size of the surrounding divs.
I get something like this
_____________
|___________|
| | | |
| | CP | |
|_|________| |
|___________|

Is there anyone who can explain to me why this doesn't work in IE? I notices this where I started to use fixed and centered backgroundimages in this DIV...

thanks in advance
Steve

Cy · 12-26-2004, 07:06 PM

I think you can do something in CSS like "width: 100%".

ds.smith · 12-27-2004, 04:02 AM

or... hight:auto;

countcobolt · 01-07-2005, 01:45 AM

hieght:auto does not define a size between to points. It will make de hieght as needed. 100% will take de pixels available if the frame would be empty
making it so that if the inner frame is 500px but start from 50px from the top, the endpoint will be at 55O px (so outside the browser window)

fisicx · 01-07-2005, 04:24 AM

I suspect that the problem lies with something else in your CSS affecting the positioning. IE is particularly bad at positioning in any case and when you add padding, borders and margins it goes really ape especially if you have a few floats in there as well.

Anyway, difficult to see what the problem is, can you post the URL so we can have a look at it?

12-22-2004, 02:49 AM	THREAD STARTER #1 (permalink)
countcobolt New Member Join Date: Dec 2004 Posts: 3	css styles sheet Mozilla vs IE Hello everyone, I new to this board and hope I am posting in the right section. ????: NamePros.com http://www.namepros.com/web-design-discussion/61132-css-styles-sheet-mozilla-vs-ie.html I have create a site (oh god, noooo ) and was trying to have this as a css stylesheet div.centerpart { position:absolute; left:120px; right:0px; top:120px; bottom:15px; } apparently this works fine in Mozilla, but when looking at it in IE it turns up real shitty. The point is that I try to define a rectangular div which is resized according to the windows size of the browser. This way I can staticly define the size of the surrounding divs. I get something like this _____________ \|___________\| \| \| \| \| \| \| CP \| \| \|_\|________\| \| \|___________\| Is there anyone who can explain to me why this doesn't work in IE? I notices this where I started to use fixed and centered backgroundimages in this DIV... thanks in advance Steve

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

12-26-2004, 07:06 PM	#2 (permalink)
Cy New Member Join Date: Dec 2004 Posts: 3	I think you can do something in CSS like "width: 100%".

12-27-2004, 04:02 AM	#3 (permalink)
ds.smith Account Suspended Join Date: Dec 2004 Location: England, essex Posts: 7	or... hight:auto;

01-07-2005, 01:45 AM	THREAD STARTER #4 (permalink)
countcobolt New Member Join Date: Dec 2004 Posts: 3	hieght:auto does not define a size between to points. It will make de hieght as needed. 100% will take de pixels available if the frame would be empty making it so that if the inner frame is 500px but start from 50px from the top, the endpoint will be at 55O px (so outside the browser window)

01-07-2005, 04:24 AM	#5 (permalink)
fisicx NamePros Member Join Date: Nov 2004 Posts: 43	I suspect that the problem lies with something else in your CSS affecting the positioning. IE is particularly bad at positioning in any case and when you add padding, borders and margins it goes really ape especially if you have a few floats in there as well. Anyway, difficult to see what the problem is, can you post the URL so we can have a look at it?

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)