MY SPOUSE AND I originally designed this site using CSS and also HTML with many absolute positioning:
http: //jump-pilot. sourceforge. net/index. html
I thought it was before a bad site for the newbie until Manged to get some complaints from a few of the people viewing your website. When I exposed it on my browser at your house, which is much smaller compared to browser I designed coursesmart on I found it looked a lot worse! Even though I designed coursesmart to be at most 800 pixels broad, the page appeared huge and I’d to scroll to view everything.
So I fixed to revamp the site to be flexible or liquid, and reduce the absolute positioning. I thought that this was a rspectable goal until I realized each cell phone has different glitches or shortcomings when it comes to CSS! A fluid design that appears correct in World-wide-web Explorer doesn’t look correct in Firefox, the other that displays appropriately in Firefox would not look right in Internet Explorer. I didn’t even try some other browsers!
This challenge leads me to ask a straightforward question. Can I showcase a webpage employing a different stylesheet influenced by the browser that’s viewing it
Otherwise, can I set up sections in the identical Stylesheet that are usually only applied having specific browsers (In various other words, 2 stylesheets with regard to IE and Firefox while in the same parent stylesheet, but only apply on or the other. )
Just as much as I like CSS, it seems like liquid design while using standard requires a strong ugly style sheet with all sorts of hacks pertaining to different browsers. Maybe I simply need to fall back on the old < table>, < center>, plus < color> tags!
Scott Huey
There’s no doubt that I accidentally created this message occasions. I apologize about that. I will attempt to avod this mistake in the future. Can a moderator belonging to the forum delete the 1st message that I posted
Scott
Scott…
It looks fine to my opinion in both IE along with Firefox.
In the CSS style sheet file (Main. css), that you’re specifying the size in some
sites, like 800 in addition to 850. So, them keeps the thicker where you chosen.
From the beginning of your document " Main. css" put this range to define your whole body:
shape background: #fff;
Next, use where that you’re specifying 800, 850 and so forth.
With regards to I’m getting exactly what you mean…
Thanks for the response mlseim.
I gues my question was about the real preacticality regarding using CSS pertaining to liquid site styles. It seems to my advice the only " internet browser independent" site design with CSS that i have found is the one which uses a lot of absolute positioning.
Listed here are two other sites that may actually use a equivalent approach:
http: //www. postgresql. org/
http: //www. vividsolutions. com/
My other question was if you are able to apply different style sheets to the same web page depending on the browser that is viewing it.
Bless you,
Scott
you should utilize conditional comments with regard to IE,
also if you use hacks be thorough which ones you use…
try to try to avoid hacks altogether if you can..
have a look at this site regarding conditional comments and a safe list of hacks that are ok..
http: //www. quirksmode. org/
also i happened apon this really cool example of an liquid layout..
http: //www. themaninblue. com/experiment/ResolutionLayout/
Using absolute placed elements is not how you can acheive a fruit juice site design. The trick will be using relative positioning along with the em measurement and percentages as an alternative to pixels. The clear answer…
The situation you are facing is often a problem that everyone this is very familar having… In my practical knowledge of designing websites that work all over multiple browsers, you should probably learn how to design for 4 various ones.
IE 6 – Being that it is the many common
IE 7 – up and coming (obviously due to this you’ll need 2 computers)
Firefox – being that many mac users are applying this instead involving Safari
Opera – Why being that it has a low usage ratio This conforms to web standards all of which will reinforce your understanding of how the package model works and how browsers generally speaking work.
95% of the time it is also possible to design an affiliate site using CSS techniques during which all browsers will display the identical. The trick though is discovering which properties are quirks to 1 browser and possibly not another. Its weird mainly because some properties can cause absolutely NO change one browser while whenever viewed in a different will radically screw everything up.
Recently i did a site by which everything appeared fine every one the above brought up browsers except IE6. The three floats interior my main written content div didn’t show in any way. The problem was fixed with the addition of a height: 100% property towards the main content div. Why did this solve the situation when everything had been using relative ranking No clue. But it surely worked!