| Re: Internet Explorer 7 troubles. [message #235534 is a reply to message #235380] |
Sat, 23 December 2006 01:56   |
 |
light
Messages: 988
Registered: January 2005
Karma: 0
|
Colonel |
|
|
CSS is definately the way to go. Your site won't load for me, but if you're working with .NET chances are you're using tables, because that's what Visual Studio likes you to use.
I would recomment looking at losing the tables and using CSS and divs. It's a different way of thinking but it's worth it once you get into it.
However, you will need valid HTML/XHTML and valid CSS, else you'll get all sorts of fun variations for each browser, as each tries to compensate differently.
A good thing to know is that if you change your DOCTYPE you can change the way your site renders, using different logic etc. If you don't specify a doctype, then each browser makes a guess and tries its best.
You can check http://www.crimson.net.nz/ in as many browsers as you like and see how well it fares. I know that IE on Mac and IE 5.x have issues with it, but the rest all seem to render it happily, including IE 6 and 7 and FF 1.5 and 2, Opera, Safari, Camino and Konqueror.
|
|
|
|
| Re: Internet Explorer 7 troubles. [message #235536 is a reply to message #235380] |
Sat, 23 December 2006 02:08 |
 |
Dave Anderson
Messages: 1953
Registered: December 2004
Location: United States
Karma: 0
|
General (1 Star) |
|
|
My new computer case arrived so I was fiddling with hardware for awhile so my server was down. But yeah, I am working on a new design that will use only CSS and div tags, so we will see how it works out probably later today.
David Anderson
Founder, Software Consultant
DCOM Productions
Microsoft Partner (MSP)
|
|
|
|
|
|
|
|
| Re: Internet Explorer 7 troubles. [message #235584 is a reply to message #235570] |
Sat, 23 December 2006 11:10 |
 |
glyde51
Messages: 1827
Registered: August 2004
Location: Winnipeg
Karma: 0
|
General (1 Star) |
|
|
| j_ball430 wrote on Sat, 23 December 2006 10:30 |
Oh, if you do two (or more) columns... you're going to need to use "float". If you put them in a containing div, it isn't going to work correctly in Firefox, so the simple remedy is this:
<div style="clear:both;"></div>
You'll put that right before the closing of the containing div, and it'll fix the issue. It renders perfectly in Firefox and IE.
|
Normally I just put the clear: both in the footer... I don't usually have trouble when it comes to floating and containers.
Do NOT put the style inline with the DIV tag, since you should use XHTML 1.1 or XHTML 1.0 Strict. Use a (external) stylesheet.
If you're using two columns on a liquid layout (my personal favorite) the best way to do it is to have the right (or left) sidebar floating. Let us say that the sidebar is floating to the right and is 250 pixels wide. You'd want the main content area to have a 270 right (or left) margin (the sidebar would float in the margin of the main content area). Put both inside a container DIV tag, and if you have a footer put clear:both in the CSS, otherwise the floating DIV could overlap the footer.
This probably doesn't work in all situations, but hey, I like it. 
No. Seriously. No.
[Updated on: Sat, 23 December 2006 11:10] Report message to a moderator |
|
|
|
| Re: Internet Explorer 7 troubles. [message #235589 is a reply to message #235380] |
Sat, 23 December 2006 13:17 |
|
light
Messages: 988
Registered: January 2005
Karma: 0
|
Colonel |
|
|
Simple 2 column layout:
HTML
<div id="sidebar">
</div>
<div id="main">
</div>
<div id="footer">
</div>
CSS
#sidebar {
float:right;
width:150px;
}
#main {
float:right;
width:635px;
}
#footer {
clear: both;
}
This uses two floats and a clear. The floats the sidebar to the right, then floats the main to the right also, and as the widths are specified, they can fit next to each other.
As the page is rendered in order, the sidebar and main are in place when the footer is to be rendered, it seens that it's supposed to go below both of them and does so.
The cool thing about this is if you change it to float: left for both, then the layout switches and it took you 5 seconds to do.
(Oh, don't get thrown off by ids and classes. ids can only be used once, and have a # not a . before their name in the stylesheet. Classes can be re-used, which you've probably already guessed. I use ids for elements that will only ever appear once in a page, like the header etc.)
[Updated on: Sat, 23 December 2006 13:18] Report message to a moderator |
|
|
|
| Re: Internet Explorer 7 troubles. [message #235716 is a reply to message #235380] |
Sun, 24 December 2006 17:35 |
|
Dave Anderson
Messages: 1953
Registered: December 2004
Location: United States
Karma: 0
|
General (1 Star) |
|
|
Oh, cool, that helps a lot. Now, this is my first xhtml/css layout, using ASP.NET (..have to for the things on my site), so its probably done pretty horrible.
http://www.dcmp.z27.net/default.aspx
The only problem is that it doesn't render correctly in IE6 or lower, but fine in IE7 and FireFox, so should I be worried about getting it to render in IE6 or..?
David Anderson
Founder, Software Consultant
DCOM Productions
Microsoft Partner (MSP)
|
|
|
|
| Re: Internet Explorer 7 troubles. [message #235722 is a reply to message #235716] |
Sun, 24 December 2006 20:22 |
|
glyde51
Messages: 1827
Registered: August 2004
Location: Winnipeg
Karma: 0
|
General (1 Star) |
|
|
| Dave Anderson wrote on Sun, 24 December 2006 19:35 |
Oh, cool, that helps a lot. Now, this is my first xhtml/css layout, using ASP.NET (..have to for the things on my site), so its probably done pretty horrible.
http://www.dcmp.z27.net/default.aspx
The only problem is that it doesn't render correctly in IE6 or lower, but fine in IE7 and FireFox, so should I be worried about getting it to render in IE6 or..?
|
Yes, it should render correctly in Internet Explorer 6. I'll take a looksee and try and figure out why it's not working in IE6.
No. Seriously. No.
|
|
|
|
|
|
| Re: Internet Explorer 7 troubles. [message #236651 is a reply to message #235488] |
Mon, 01 January 2007 06:55 |
 |
terminator 101
Messages: 822
Registered: March 2003
Location: Toronto
Karma: 0
|
Colonel |
|
|
| j_ball430 wrote on Fri, 22 December 2006 17:10 |
| Terminator 101 wrote on Fri, 22 December 2006 17:01 |
Have many people started using IE7? I tried it, but I hate it. I am so used to the old look that I returned back to IE6. Now I stared to use Firefox and I am loving it.
Too bad Gunbound still uses IE only.
|
https://addons.mozilla.org/firefox/1419/
Install that. It's not only great for web designers who want to check to see if their designs work in IE as well as Firefox, but it also helps for those annoying pages/sites that will ONLY work correctly in IE. You can just set the certain page up in the options to always open up in the IE rendering.
|
Thanks. It works great.
|
|
|
|
Search
Help
Members
Register
Login
Home
