Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Firefox DIV wrongly aligned.

Status
Not open for further replies.

spudders

Technical User
Feb 14, 2005
4
GB
Hi.

This is my first post here so here we go.

I have been pulling my hair out over this for a day now and all the searching I have been doing has yealed no help.

The page I am working on is at and it is my first attempt at CSS-P.

When viewed through IE it displays correctly. However it does not in Firefox. It seems that the fist div in the main bit is aligning its self relativly to another DIV rather than its own container.

The CSS is
Any help would be fantastic and stop me from going slightly mad.
 
Might have something to do with how you spelled position? In .portfolio_pic, .portfolio and .portfolio_title You have it as possition:relative, all others you correctly spell it as position.
 
Might have something to do with how you spelled position? In .portfolio_pic, .portfolio and .portfolio_title You have it as possition:relative, all others you correctly spell it as position. I will try to test it out at home, where I have Firefox. Here it looked OK.
 
LOL thanks for that. My spelling is terrible. I had actually noticed that error earlier when I validated the CSS but then removed the position:relative 's as I was fiddling arround and put them back - wrongly spelt! Sadly it doesnt make any difference :(
 
Why is .portfolio_title floated. It makes no sense and my Mozilla likes it a whole lot more when float is removed. It pushes it all the way up, just as expected.
 
Thanks for that but I am finding that in my Firefox if I unfloat .portfolio_title the titles then go to the top but the rest still stays aligned with the "feature" div.
 
Unfortunately, you have too many floats on your page and they are interfering with each other. Try to redesign your website better.
 
Thanks for that. I have pulled out one of the div's and it now display propperly. I shall just have to put less info on that page. Thanks again
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top