I am trying to make a Calendar. It works alright in FF, but in IE it goes all wacko when you resize the window. I am not 100% sure why, but its quite annoying.
Calendar (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/newpage/calendar/calendar.htm">http://www.gslc.qld.edu.au/newpage/cale ... lendar.htm</a><!-- m -->)
Can someone please have a look and see what wrong with it. I would give you a excate of the code, but I have no idea where the problem would be(in the table, or the css)
Wofen1) Use the Strict DTD:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">2) Instead of <td><div align="center">Monday</div></td> see <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/struct/tables.html#edef-TH">http://www.w3.org/TR/html401/struct/tables.html#edef-TH</a><!-- m --> and use <style type="text/css">
th {text-align:center}
</style>
<th>Monday</th>3) See <!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/newpage/calendar/calendar.htm">http://www.gslc.qld.edu.au/newpage/cale ... lendar.htm</a><!-- m --> for your mark up errors.Man, I don't if I'd have the patience to do all that! But that looks good...the only thing is when I resize the windows the little boxes that define each day get smaller, I think that problem lies in you CSS code:
#main {
position:absolute;
top:110px;
width:70%;
left:15%;
border: medium solid;
}
The width is set to 70% and when you minimize the screen width wise it will reduce to 70% of that screen size...so you have to create a fixed width so it wont do that, like......700px. You don't have to do that....it's just a suggestion...I want the whole page to be liquid on the width. Now, it works in FF, but not In IE.
When i resize in IE, the table stays at 70% of the width of the screen... and I just worked out whats happening. The Dayline can not get any smaller or it cant fit the text.
ok, New question, Anyone know how to make something resize till a set size???
Wofen
Calendar (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/newpage/calendar/calendar.htm">http://www.gslc.qld.edu.au/newpage/cale ... lendar.htm</a><!-- m -->)
Can someone please have a look and see what wrong with it. I would give you a excate of the code, but I have no idea where the problem would be(in the table, or the css)
Wofen1) Use the Strict DTD:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">2) Instead of <td><div align="center">Monday</div></td> see <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/struct/tables.html#edef-TH">http://www.w3.org/TR/html401/struct/tables.html#edef-TH</a><!-- m --> and use <style type="text/css">
th {text-align:center}
</style>
<th>Monday</th>3) See <!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/newpage/calendar/calendar.htm">http://www.gslc.qld.edu.au/newpage/cale ... lendar.htm</a><!-- m --> for your mark up errors.Man, I don't if I'd have the patience to do all that! But that looks good...the only thing is when I resize the windows the little boxes that define each day get smaller, I think that problem lies in you CSS code:
#main {
position:absolute;
top:110px;
width:70%;
left:15%;
border: medium solid;
}
The width is set to 70% and when you minimize the screen width wise it will reduce to 70% of that screen size...so you have to create a fixed width so it wont do that, like......700px. You don't have to do that....it's just a suggestion...I want the whole page to be liquid on the width. Now, it works in FF, but not In IE.
When i resize in IE, the table stays at 70% of the width of the screen... and I just worked out whats happening. The Dayline can not get any smaller or it cant fit the text.
ok, New question, Anyone know how to make something resize till a set size???
Wofen