9 replies to this topic

[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!

www.thelatency.com/test/tour_dates.php 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:

 right.jpg   202.9K   11 downloads

But it looks like this in Firefox:

 wrong.jpg   209.43K   9 downloads

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

Attached Files

•  Picture_3.png   529.74K   6 downloads

[anwiii]

looks like you got it solved. good job

i 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]

sonesay, on Aug 5 2008, 07:19 AM, said:

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