Msg#: 3738020 posted 5:42 am on Sep 4, 2008 (gmt 0)
hi friends... I am designing a site <>
problem is that when I am using IE then every control are at their appropriate place but for mozila (new version..I have downloaded last day),it is not showing the my banner(logo) image appropriatly. please check it in new mozila browser....even in the old mozila,it is showing correctly but for new mozila banner image width is reduced to almost its half length while image is 1400 wide.
please help me.... thanks for any help in advance
[edited by: SuzyUK at 9:54 am (utc) on Sep. 4, 2008] [edit reason] Please No URI's, see guidelines at top of forum [/edit]
Msg#: 3738020 posted 5:57 am on Sep 4, 2008 (gmt 0)
Welcome to WebmasterWorld pritesh.
On a note, links are not allowed and a moderator will remove it.
I did take a quick look at the page and your banner is dynamic so it could be the screen resolution of the browser. Resize IE and your old Mozilla browser and see if it is what you are experiencing in the new browser.
Msg#: 3738020 posted 10:25 am on Sep 4, 2008 (gmt 0)
as as been mentioned, no links please and just the sample code would help
BUT: I tried to help by isolating the code to post here but once I did the "bug" wasn't there so.. that suggests a conflict/mistake/bug, so I'm breaking some rules and will have a further look because it certainly *appears* as if FF3 is doing something wrong
FF3 has to stay innocent until proven guilty so give us a bit of time.. does anyone know of any FF3 CSS rendering issues?
Pritesh.. the code to fix is quite easy just add a width (100%) to the #main div.. when you float a div without a width it is supposed to shrinkwrap around it's content.
in your case the menu set to 600px is the widest element inside the main div so the logo div is also getting the 600px width..
the question is why was FF2/IE giving the 100% (page) width.. I dunno but it's got something to do with the right floated logo_text - unfloat it and both IE and FF2 shrink too.. which is what they should do maybe there's a subtle change in the float specs?
anyway width on the #main float should cure your woes
First of all sorry for posting links...(As I am new here) It works....
Thanks for solving my problem.... One more thing I want to know... I want to place login control in middle of the page... I don't want to use as this will behave diffently in differnt monitor size...and since it is login control so text-align will also not work here... please help me for this topic also.. Thanks in advance......