[SOLVED] DIV Positioning Problem

[winnard2007]

Hi guys,


I am new to CSS really and I am having a problem with an area i am hoping somebody can help me with.


Basically i have a design, which has a header, i want to position my navigation_div in a specific place over the header_div. I have positioned it using margin_top etc but it outputs it correctly in IE but not in Firefox. in FF the position is out by about 10px.

How the hell can i position it where i want it so that it outputs the same in IE and FF give or take a few pixels.


If someone could help i would really appreciate it as i am stuck at the moment.

Cheers

Dan

[danny322]

have u got a link or could you post some code?

[winnard2007]

Hi

I haven't got any code as the only thing i have put on the site is the header, as i am still trying to position the navigation.


Do you know a general style that i could use to exactly position my div???


Dan

[danny322]

well u can use position: absolute; on your navigation div that i wouldnt if i was you. Do u want it in the centre?

[Aso]

Different browsers have different defaults, and it's always easier to keep a design consistent if you reset certain attributes, namely margin and padding.

You can use

Code: Select all

* {
margin: 0;
padding: 0;
}

to reset all tags, or just specify margin: 0 and padding: 0 on any elements causing you problems.

If that's not the case, make sure you've specified a width and height for your header. Then try using margins and paddings on the nav to position it.

Alternatively, the better method might be to do what danny said. Set your header to

Code: Select all

position: relative;

then set your nav to

Code: Select all

position: absolute;

and either use top and left or bottom and right pixel values to position it relative to your header.

Example

Code: Select all

#nav {
top: 25px;
right: 40px;

This sets your #nav to 25px from the top of the header, and 40px from the right edge of the header

[winnard2007]

Hi guys

Thanks for your help, aso186. That piece of code for the css worked a treat. Thanks as well danny.

Will post the site when it is finished so that you can see what i was trying to acheive.


Thanks

Dan

[welshstew]

thread marked solved