| 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.
| 9:47 am on Sep 4, 2008 (gmt 0)|
With links we never know if you changed things or not in the mean time, so please post (minimal) code instead of links.
| 10:25 am on Sep 4, 2008 (gmt 0)|
as as been mentioned, no links please and just the sample code would help
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?
| 10:39 am on Sep 4, 2008 (gmt 0)|
I did look at it in FF3 and safari, looked exactly the same.
| 11:21 am on Sep 4, 2008 (gmt 0)|
yes with the shrunk logo, swa? same in Opera.. so it seems it's FF2 that's got it wrong and so has IE, but that's no surprise
here's the minimum code to reproduce:
|<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
<html xmlns="http://www.w3.org/1999/xhtml" >
<title>Forum Home Page</title>
<style type="text/css" media="screen">
font-family: "Arial"," Times New Roman" ;
border:1px solid #000;
margin:40px 20px 53px 0;
font-family: Tahoma, Arial;
margin: 0 auto;
border:1px solid #a8f534;
<div id="logo_text">Logo Text</div>
<div id="menu">menu links</div>
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
| 12:08 pm on Sep 4, 2008 (gmt 0)|
First of all sorry for posting links...(As I am new here)
Thanks all(specially SuzyUK for code) for your sincere help...
but your help is much better....
Thanks a lot....for your help!
| 12:41 pm on Sep 4, 2008 (gmt 0)|
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......
| 1:54 pm on Sep 4, 2008 (gmt 0)|
if you want to completely center the login control - use an absolutely positioned table inside of your container div (assuming you have one). For example:
<!-- Put login stuff here! -->
For the CSS:
/*IE centering - using Holy Hack*/
* html body
width:800px; /*You can get by w/o specifying this I think if you don't want*/
text-align:left; /*undo the above for internal text*/
width: #px; /*specify the width so that it doesn't automatically span the entire width*/
Hope that helps!
[edited by: SuzyUK at 2:00 pm (utc) on Sep. 4, 2008]
[edit reason] fixed formatting [/edit]
| 1:55 pm on Sep 4, 2008 (gmt 0)|
actually - switch the position of the table and the other divs, it should come last I think.