Firefox right align problem

[kyllle]

Hi All,

I have created this page WEBPAGE

Basically it views the way I want it to in ie 6 & 7 but not in Firefox?

Could anyone please explain how I achieve the result that I have in ie or point me in the direction of any tutorials that can help me?

Thanks in advance!!

Kyle

[Phidev]

It would be nice if you could describe what you want exactly for the rest of us using mac. Maybe we could help

[kyllle]

Hi Phidev,

Basically I want to float the main logo on the left and then the search bar and small banner under one another on the extreme right of the wrapper?

Thanks!

[Phidev]

add this to your css

#mainHeader_col2 { float:right; }

I just realized that you dont have a css file. My assumption is that you are using some kind of WYSIWYG software. Try to learn css, things will be much easier.

Good luck.

[RyanReese]

".mainHeader_col2" float that right. There is no need for the left margin now on the image.

[kyllle]

Cheers Ryan!!!

[kyllle]

Ryan how can I make the search image align to the right extreme right of the wrapper, I tried adding text-align: right but its not responding?

[Phidev]

Kyllle,

all you have to do is the following, surround your image with another div and float it to the left too.

<div style="float:right"><img src="images/searchBar.png" alt="" width="195" height="21" class="searchBar"></div>

[RyanReese]

Or just give it display:block;text-align:right; (theory, untested).

[kyllle]

Hi Phidev,

This corrects ff but doesnt work in ie 6 or 7?

[kyllle]

Hi Ryan,

I tried that out as well but with no luck, firefox just doesnt want to play lol

[RyanReese]

Did you test mine ?

Ok I will go check out IE6

[RyanReese]

On .mainHeader_col2 img add "clear:left;

On .searchBar add float:left

[Phidev]

try adding clear:right;

You should really get yourself into a css book.

[RyanReese]

Phidev if you are gonnna add advice you needa be more clear about which element to apply it to .

[kyllle]

Thanks for your help Ryan!

But still not working for me in ie, working fine in firefox but brings the small banner into the top center of the wrapper.

[RyanReese]

OOPS I'm sorry

			<div class="mainHeader_col2">
				<img src="images/searchBar.png" style="float:right;" alt="" width="195" height="21" class="searchBar" />
				<img src="images/checkOut.gif" style="clear:both;text-align:right;" alt="" width="394" height="58" class="checkOut" />
			</div>

I made CSS changes to the images. Check it.

[kyllle]

Genious Ryan,

Thanks loads!!!!!!

[RyanReese]

Your welcome . If you have any more questions just ask.