 |  |  |  |  |  |  |  |
CSS Width Problem.
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
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.
•
•
Join Date: Jan 2007
Posts: 3,210
Reputation: 
Solved Threads: 165
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
|
Similar Threads
- 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
Views: 1614 | Replies: 1
| Thread Tools | Search this Thread |
Latest JavaScript / DHTML / AJAX Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
Tag cloud for JavaScript / DHTML / AJAX
ajax ajaxexample ajaxjspservlets api autoplay blackjack browser bug captchaformproblem checkbox child class close cookies createrange() cursor date debugger dependent developer disablefirebug dom dropdown editor element embed engine events explorer ext file flash form forms game gears getselection google gxt hiddenvalue highlightedword hint html ie7 ie8 iframe images internet java javascript javascripthelp2020 jquery jsf jsfile jump libcurl maps margin math matrixcaptcha media mp3 mysql object onerror onmouseoutdivproblem onreadystatechange parent passing paypal pdf php player position post programming progressbar rated runtime scroll search security session shopping size software solutions star stars stretch synchronous tweet unicode variables web webkit webservice window wysiwyg \n
