Hello,
I have a site and it is all css layout. I tried the site on many browser such as; MAC safari, firefox, and netscape. For PC; Firefox.
But the Internet Explorer for both platform the site is distorted. Or there are gaps.
What could I do to fix this problem?
Here is the url: <!-- m --><a class="postlink" href="http://members.cox.net/19kash88/sd/index.htm">http://members.cox.net/19kash88/sd/index.htm</a><!-- m -->
Please help me on this problem I have tried everything that I kno and that I could contact in my family and friends.
ThanksToo many div's and classes:
<div class="newsheader"><h1>Web Site News</h1></div>
<!-- change to -->
#news h1 {
/* rules here */
}
<h1>Web Site News</h1>
IE is ignoring some of the height values; if a text does not fit into an element IE will expand the element to fit the text.
spiritual is an id not a class
Use global/generic values:
* {
margin:0;
padding:0;
}
This saves about 40 lines of css
There is still a problem with a gap a the bottom, possibly due to too much floating of elements.
See attached cssI would just like say to say welcome to the world of web page design, You're going to have a lot of browser errors to come... unfortunately.
I have a site and it is all css layout. I tried the site on many browser such as; MAC safari, firefox, and netscape. For PC; Firefox.
But the Internet Explorer for both platform the site is distorted. Or there are gaps.
What could I do to fix this problem?
Here is the url: <!-- m --><a class="postlink" href="http://members.cox.net/19kash88/sd/index.htm">http://members.cox.net/19kash88/sd/index.htm</a><!-- m -->
Please help me on this problem I have tried everything that I kno and that I could contact in my family and friends.
ThanksToo many div's and classes:
<div class="newsheader"><h1>Web Site News</h1></div>
<!-- change to -->
#news h1 {
/* rules here */
}
<h1>Web Site News</h1>
IE is ignoring some of the height values; if a text does not fit into an element IE will expand the element to fit the text.
spiritual is an id not a class
Use global/generic values:
* {
margin:0;
padding:0;
}
This saves about 40 lines of css
There is still a problem with a gap a the bottom, possibly due to too much floating of elements.
See attached cssI would just like say to say welcome to the world of web page design, You're going to have a lot of browser errors to come... unfortunately.