By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,739 Members | 1,059 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,739 IT Pros & Developers. It's quick & easy.

DIVS and CSS

P: 67
First i want to thank Motoma and everyone else for being so helpful. I have been learning alot through this site.

I have been working on a webpage and i am getting caught up with some layout issues.

The site is http://www.players-vintage.com

It looks fine when loaded in IE however the positioning of the DIV in firefox are different. Best example is when scrolling over one of the nav links. Is there anyway to straigten this out?

Thanks,
Shawn
Apr 18 '07 #1
Share this Question
Share on Google+
6 Replies


P: 67
Also, the sign up button looks different in IE than firefox?? I dont understand
Apr 18 '07 #2

jhardman
Expert 2.5K+
P: 3,405
Also, the sign up button looks different in IE than firefox?? I dont understand
The buttons looked the same to me. For the other elements, It appeared that the difference is caused by elements having different default sizes in different browsers. These can all be defined in your css.

For example, I would position the nav <ul> absolutely rather than relatively, then define each height and width (they can all have the same width as long as the words all fit, right?). Then you can position the nav divs absolutely because you know exactly where they should go. Does that make sense?

Jared
Apr 18 '07 #3

P: 67
I guess i am a little confused when it comes to relative vs absolute. Heres how i understand it:

Absolute: you can set top : # and right : # where # = the #pixel coordinate in from the top left corner of the browser?

Relative: # = #pixels offset from where it would be without modifiying?

My dilema is that i want the background picture to be centered so i assumed relative and used top:0 right:0 with the <center> tag around the div

Then i need the nav bar to be positioned at the right spot relative to the picture. I could assign the top : # with absolute however the right:# would vary with resizing the browser.
Apr 18 '07 #4

P: 67
When divs are created how do the exist on the page before there position is set?

------------------------
1
2
3
4
5
-----------------------
or
-----------------------
1 2 3 4 5
-----------------------
Apr 18 '07 #5

drhowarddrfine
Expert 5K+
P: 7,435
Your doctype is incomplete. See the sticky at the top of this board. Also, you should be using the 'strict' doctype for new web pages.

Then validate your html and css. There was one html error but many css errors that need fixing.
Apr 18 '07 #6

jhardman
Expert 2.5K+
P: 3,405
When divs are created how do the exist on the page before there position is set?

------------------------
1
2
3
4
5
-----------------------
or
-----------------------
1 2 3 4 5
-----------------------
the first. By default divs are "block" style elements with a line break before and after.
Apr 26 '07 #7

Post your reply

Sign in to post your reply or Sign up for a free account.