•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 402,062 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,488 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 701 | Replies: 1
![]() |
| |
•
•
Join Date: Feb 2007
Posts: 10
Reputation:
Rep Power: 2
Solved Threads: 0
Hello Guys i am Facing a problem which is annoying ..
If i use " width=100%; " Site Works Fine on Internet Explorer, But Not on Firefox.
If i use " width=auto; " Site Works Fine in Firefox but not on Internet Explorer.
Can anybody tell me how to fix this or can anybody tell me a way in which we can guess Browser like.
Like if Browser is Firefox then Use stylefox.css.
If Browser is Internet Explorer, then use styleie.css.
If i use " width=100%; " Site Works Fine on Internet Explorer, But Not on Firefox.
If i use " width=auto; " Site Works Fine in Firefox but not on Internet Explorer.
Can anybody tell me how to fix this or can anybody tell me a way in which we can guess Browser like.
Like if Browser is Firefox then Use stylefox.css.
If Browser is Internet Explorer, then use styleie.css.
You didn't tell me how the site fails, or provide a link to the site.
Don't use either of the choices you gave. They are deprecated. Use CSS with
Remember that IE and FF handle the styles surrounding block objects differently.
When you have a block object with a defined size:
- FF puts the surrounding styles (margin, border, padding) OUTSIDE the defined size.
- IE crams the surrounding styles INSIDE the defined size.
The cure is to not put surrounding styles on block objects of a defined size. Instead, nest two block objects (e.g. divs), one with surrounding styles and the other with the defined size. Nest them in the order you want the measurements to take effect.
Don't use either of the choices you gave. They are deprecated. Use CSS with
width: 100%;Remember that IE and FF handle the styles surrounding block objects differently.
When you have a block object with a defined size:
- FF puts the surrounding styles (margin, border, padding) OUTSIDE the defined size.
- IE crams the surrounding styles INSIDE the defined size.
The cure is to not put surrounding styles on block objects of a defined size. Instead, nest two block objects (e.g. divs), one with surrounding styles and the other with the defined size. Nest them in the order you want the measurements to take effect.
Daylight-saving time uses more gasoline
![]() |
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
ajax asp cross-browser javascript menu with few lines of code css developer development div firefox home html internet javascript javascript smooth scrolling scroll smoothly window document position javascript tab menu with rounded corners generator microsoft msdn office prevent javascript menu from getting hidden under flash movies site software sql symantec tables vista web
- Css floating problem (HTML and CSS)
- Table width (HTML and CSS)
- CSS border problem in Firefox .. (HTML and CSS)
- CSS seperator problem (HTML and CSS)
- hmmm, expert CSS cheat ? (JavaScript / DHTML / AJAX)
- Css ? (HTML and CSS)
- Rounded Corners? (HTML and CSS)
- Layout in CSS (HTML and CSS)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: js doesn't work on IE7 and/or vista
- Next Thread: Enabling textboxes



Hybrid Mode