DrFishNips Posted June 30, 2009 Share Posted June 30, 2009 My site always changes slightly depending on what browser I'm looking at it with. Some browsers the layout is slightly off and if I change the layout to fit that browser then the layout is off on the other browsers. I was thinking of adding layout variables all over the site which change depending on what browser is detected. I could even do it with screen resolution. Is this the best way to ensure your site can be viewed properly by all browsers and screen resolutions? Link to comment https://forums.phpfreaks.com/topic/164280-detect-browser-then-change-site-accordingly/ Share on other sites More sharing options...
rhodesa Posted June 30, 2009 Share Posted June 30, 2009 I find that most of the quirks between browsers can be fixed with pure CSS. Is there anything specific you can show? I can probably recommend some changes in the CSS to make it look the same across all browsers Link to comment https://forums.phpfreaks.com/topic/164280-detect-browser-then-change-site-accordingly/#findComment-866606 Share on other sites More sharing options...
DrFishNips Posted June 30, 2009 Author Share Posted June 30, 2009 Yep heres an example http://toxicopoeia.com/plantsofthegods/ On Firefox and Opera that message textarea fits inside the green box. On Galeon its a little too big. If I adjust it so it fits in the green box on Galeon then its too small on Firefox and Opera. If your on Windows I dunno if you can get Galeon. I haven't tried IE yet I'll test it out now. As for screen resolutions 800x600 and lower the page doesn't fit on the screen. Thats not much of a problem though. Link to comment https://forums.phpfreaks.com/topic/164280-detect-browser-then-change-site-accordingly/#findComment-866627 Share on other sites More sharing options...
rhodesa Posted June 30, 2009 Share Posted June 30, 2009 yeah, browsers will use different fonts, and COLS/ROWS will be translated accordingly...for this case, I would just add a width:100% on the textarea and it will fill to the parent: <textarea name="shoutbox_msg" type="text" cols="15" rows="3" style="width: 100%;"/> Link to comment https://forums.phpfreaks.com/topic/164280-detect-browser-then-change-site-accordingly/#findComment-866631 Share on other sites More sharing options...
DrFishNips Posted June 30, 2009 Author Share Posted June 30, 2009 yeah, browsers will use different fonts, and COLS/ROWS will be translated accordingly...for this case, I would just add a width:100% on the textarea and it will fill to the parent: <textarea name="shoutbox_msg" type="text" cols="15" rows="3" style="width: 100%;"/> Nice one. Thanks a lot I didn't even know you could use % on text areas. Good old CSS. Can you do that with all form elements? Link to comment https://forums.phpfreaks.com/topic/164280-detect-browser-then-change-site-accordingly/#findComment-866634 Share on other sites More sharing options...
rhodesa Posted June 30, 2009 Share Posted June 30, 2009 not sure...i think so though...if not, just add a "display:block;" to the style too Link to comment https://forums.phpfreaks.com/topic/164280-detect-browser-then-change-site-accordingly/#findComment-866643 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.