Jump to content
xisto Community
Jaxx

Problem Aligning In Firefox Problem aligning an image in Firefox.

Recommended Posts

Oops I'm sorry! This is how the image should look:post-65972-1217875599_thumb.jpgBut it looks like this in Firefox:post-65972-1217875718_thumb.jpgThe code I'm using in the stylesheet is the following:

#news-content-title {	position:absolute;	left:460px;	top:525px;                width:440px;	height:69px;}

And the code I'm using to embed it on the page is:

<div id="news-content-title"><img src="images/TourDates.jpg" width="600" height="61" alt=""></div>

Share this post


Link to post
Share on other sites

Try using a negative margin instead of manually setting its position (assuming you want the image to slightly overlap the banner):

#news-content-title {	position: absolute;	margin-top: -10px;}

Share this post


Link to post
Share on other sites

You should not need to use Absolute position for this design.Review Margins, and Padding to achieve the effect you want.Also, add a correct Document Type Declaration to avoid Quirks Mode in IE.

Share this post


Link to post
Share on other sites

Ok I saw this this morning but I had no time so I'm only looking at it now. Your using an id tag in the new page but it has no define CSS for it that's why its not showing up correctly in fire fox. Also there is another problem you are using absolute positioning to control the heading and content so I guess it still works but not my idea way to do layouts.I've attached a screen shot in Firefox view with firebug. I checked the first style on your main page and just changed the id to that so its using that style 'new-content-main'Yours is 'new-content-title' so either make a new style for that and adjust accordingly.You will also have to adjust 'new-content' id as you can see in the screen shot its being effected as well but keep in mind if your other pages are using that same id it will be effected too so there it is I've pointed out the problem hope you can decide on a solution and have fun :)

post-45102-1217920523_thumb.png

Share this post


Link to post
Share on other sites

looks like you got it solved. good jobi would suggest tweeking your image links because at first glance, they don't look like links at all because of the limited spacing. would look better if spaced the images or create a roll over effect. would be a better read.i use nothing but firefox so decided to go to your site but saw you didn't need any imput from me as you fixed the problem. again. good job bud

Share this post


Link to post
Share on other sites

Ok I saw this this morning but I had no time so I'm only looking at it now. Your using an id tag in the new page but it has no define CSS for it that's why its not showing up correctly in fire fox. Also there is another problem you are using absolute positioning to control the heading and content so I guess it still works but not my idea way to do layouts.
I've attached a screen shot in Firefox view with firebug. I checked the first style on your main page and just changed the id to that so its using that style 'new-content-main'
Yours is 'new-content-title' so either make a new style for that and adjust accordingly.

You will also have to adjust 'new-content' id as you can see in the screen shot its being effected as well but keep in mind if your other pages are using that same id it will be effected too so there it is I've pointed out the problem hope you can decide on a solution and have fun :P


You are amazing thank you!!

Thanks everyone for trying! :)

Share this post


Link to post
Share on other sites

aligment problem

Problem Aligning In Firefox

 

Ok man I'm newbie to web pages, I'm a graphic designer but I'm starting to dig into web design and my problem is similar to the one you "had".

 

Now, seeing that you are into PHP you have more experience to understand that answer...In my case wasn't like that, can you try to explain to me like if you are trying to explain it to you grandma?

 

My problem is with the red dots I'm usin an image for it and beside a text... All works perfectly in IE bot never on FF and by the way I'm getting spaces between my flash movies and cell... Nothing about cell space or padding is a floating error into FF browser.

 

 

-reply by JuanSBach

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.