HOME       >>       Programming

Problem Aligning In Firefox Problem aligning an image in Firefox.


Jaxx

Hello everyone!I am new here. :)I am looking for some advice...I've been fiddling around with my site for the last few hours and have had no luck!http://forums.xisto.com/no_longer_exists/ as you can the image header above all the text is aligned perfectly in IE and not in Firefox. Any ideas? Thanks so much in advance.


KingSingh

What do you want to do? Which image? How should it be aligned?It would help if you gave this sort of information, and maybe post the header code so we can see what you've done wrong and right?


Jaxx

Oops I'm sorry! This is how the image should look:But it looks like this in Firefox:The 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>


truefusion

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;}

jlhaslip

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.


Jaxx

I tried adding a margin and padding and still no luck. Any other ideas?


sonesay

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


anwiii

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


Jaxx

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


You are amazing thank you!!

Thanks everyone for trying!

iGuest

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



VIEW DESKTOP VERSION REGISTERGET FREE HOSTING

Xisto.com offers Free Web Hosting to its Members for their participation in this Community. We moderate all content posted here but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 2001-2019 by Xisto Corporation. All Rights Reserved.