27-10-2006, 08:53 PM
27-10-2006, 09:02 PM
hehe, its messed up.
It depends how you have designed it but you can but hacks in css which allows you to create seperate styling just for IE by adding * html before the div styling.
You will have to play around with that and if that doesn't work you will probably need to restructure all of your css styling.
It depends how you have designed it but you can but hacks in css which allows you to create seperate styling just for IE by adding * html before the div styling.
You will have to play around with that and if that doesn't work you will probably need to restructure all of your css styling.
29-10-2006, 09:34 PM
tyros8000 Wrote:
hehe, its messed up.
It depends how you have designed it but you can but hacks in css which allows you to create seperate styling just for IE by adding * html before the div styling.
You will have to play around with that and if that doesn't work you will probably need to restructure all of your css styling.
It depends how you have designed it but you can but hacks in css which allows you to create seperate styling just for IE by adding * html before the div styling.
You will have to play around with that and if that doesn't work you will probably need to restructure all of your css styling.
oo bummer
30-10-2006, 11:42 AM
You have too many </div> tags and it is closing off #main too early.
</table>
</div>
<!--</div> ---DELETE ONE OF THESE-->
</div>
<div style="float: right; width: 600px;">
<div id="content">
<h1>Welcome to Ecopetition</h1>
-------------------edit
Validate your page on http://validator.w3.org/ ; it shows 56 errors at present, some of which are because you have used an XHTML Doctype but not closed head tags like /> instead of just >
There is also this div
<div align="center"></div>
in #pollcontent which doesn't seem to be doing anything, unless, of course, this is the extra </div> that should be omitted instead of the one I mentioned above. Either will cure the IE problem.
-----------edit2
It was a bit more complicated than I thought.
The end > for the form tag was missing and you also have the </form> tag in the wrong place. Put it at the end of the table
and delete it from just above inside the table.
Look very carefully at the <div> and </div> tags; I'm not sure they are all right even now.
I haven't corrected all the errors but at least IE and FF now show the same.
</table>
</div>
<!--</div> ---DELETE ONE OF THESE-->
</div>
<div style="float: right; width: 600px;">
<div id="content">
<h1>Welcome to Ecopetition</h1>
-------------------edit
Validate your page on http://validator.w3.org/ ; it shows 56 errors at present, some of which are because you have used an XHTML Doctype but not closed head tags like /> instead of just >
There is also this div
<div align="center"></div>
in #pollcontent which doesn't seem to be doing anything, unless, of course, this is the extra </div> that should be omitted instead of the one I mentioned above. Either will cure the IE problem.
-----------edit2
It was a bit more complicated than I thought.
The end > for the form tag was missing and you also have the </form> tag in the wrong place. Put it at the end of the table
and delete it from just above inside the table.
Look very carefully at the <div> and </div> tags; I'm not sure they are all right even now.
I haven't corrected all the errors but at least IE and FF now show the same.
Code:
<body>
<div id="main">
<div id="header">
<img src="uploads/images/logo.gif"></div>
<div style="float: left;"> <!--left
container-->
<div id="nav">
<font size="4"><u>Navigation</u></font>
<p>Home<p>
<a
href="http://www.ecopetition.org/index.php?page=sign-the-petit
ion">Sign the petition</a><p>
<a
href="http://www.ecopetition.org/index.php?page=about-climat
e-change">About Climate Change</a><p>
<a
href="http://www.ecopetition.org/index.php?page=downloads">
Downloads</a><p>
<a
href="http://www.ecopetition.org/index.php?page=about-ecopet
ition">About Ecopetition</a><p>
<a
href="http://www.ecopetition.org/index.php?page=contact-us">
Contact Us</a><p>
<a href="http://www.ecopetition.org/forums">Forum</a><p>
</div> <!--end of #nav-->
<div id="aff">
<u><font size="4">Our Affiliates</font></u><p/>
<a href="http://www.fruit-emu.com">Fruit-emu.com</a> - A fun
fruit-machine game website (no gambling).
<p/>
<a
href="http://www.ecopetition.org/index.php?page=affiliate-progr
am">Affiliate Program</a>
</div> <!--end of #aff-->
<div id="pic">
<div id='pollcontent'>
<form action="#" onsubmit='return PollspollFormSubmit();'">
<!--<div align="center"></div>--> <!--delete this whole div-->
<table cellspacing="0" width="100%"
style="border-style:none;padding:5px;">
<thead>
<tr>
<th colspan='2'><b>What do you
think of the Ecopetition website and forums?</b></th>
</tr>
</thead>
<tbody>
<tr>
<td
width="100%">Excellent</td>
<td><input type='radio'
name='pollvotingchoice' value='1'></td>
</tr>
<tr>
<td width="100%">Needs a
better layout</td>
<td><input type='radio'
name='pollvotingchoice' value='2'></td>
</tr>
<tr>
<td width="100%">Needs a
better colour scheme</td>
<td><input type='radio'
name='pollvotingchoice' value='3'></td>
</tr>
<tr>
<td width="100%">Needs more
content</td>
<td><input type='radio'
name='pollvotingchoice' value='4'></td>
</tr>
<tr>
<td width="100%">Needs less
content</td>
<td><input type='radio'
name='pollvotingchoice' value='5'></td>
</tr>
<tr>
<td width="100%">It's good for
me if it works!</td>
<td><input type='radio'
name='pollvotingchoice' value='6'></td>
</tr>
<tr><td colspan="2"><input type='submit'
id='vote' name='vote' value='Vote'> <!--</form> moved outside
table--></td></tr>
</tbody>
</table>
</form> <!--this has been moved from just above-->
</div> <!--end of #pollcontent-->
</div> <!--end of #pic-->
</div> <!--end of left container-->
<div style="float: right; width: 600px;">
<div id="content">
<h1>Welcome to Ecopetition</h1>
<div id="contentinner">
<font color="#ffffff">Climate change. It's not going to happen in
a years time, not in a decade, but now. <br />
It's time for goverments to change their attitudes towards
climate change. We can't keep living with the threat of being
killed by floods, starving due to crop failure, and getting skin
cancer from an overheating planet. <br />
<br />
Let's demand leadership against climate change. Let's put a
final stop to the threats of climate change. Make your view
heard by signing the petition.<br />
<br />
</font> <u><font size="4" color="#ffffff">Sign the
petition</font></u><font color="#ffffff"><br />
</font>
<div align="center"> <br />
</div>
<font color="#ffffff">
<form method="post" action="addpetition.php"
name="Petition">
<div align="center">
<font> <input type="text" value="Full Name"
name="name" /> </font><font><input type="text"
value="Post/ZIP code" name="postcodezip" /></font><br />
<br />
<font> <input type="text" value="Country"
name="country" /></font> <font> <select
name="newsletter">
<option value="Newsletter Subscription">Newsletter
Subscription</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select></font><br />
<br />
<font> <input type="text" value="E-mail Adress (optional)"
name="email" /></font><br />
<br />
</div> <!--end of center div-->
<div align="center"><font><input type="submit" value="Sign
the petition" name="submit" /></font><br />
<font> </font>
</div> <!--end of center div-->
</form>
</font><font size="4" color="#ffffff"><br />
<u> Recent news</u></font><font color="#ffffff"><br />
<br />
<!-- Displaying News Module -->
<!-- News Categories: '' -->
<!-- Start News Display Template -->
<div class="NewsPostDetail">
<strong>
<div id="NewsPostDetailDate">
10/23/06
</div>
</strong>
<div id="NewsPostDetailContent">
After several weeks of downtime, the poll is backup.
This week will begin with a question about the website, but
most will follow with environmental questions. Results will be
shown in one week.
</div> <!--end of #NewsPostDetailContent-->
</div> <!--end of #NewsPostDetail-->
<hr/>
<div class="NewsPostDetail">
<strong>
<div id="NewsPostDetailDate">
10/16/06
</div>
</strong>
<div id="NewsPostDetailContent">
We have rethemed the forum in order to match that of
the main website. It has also been set as the default style, but
if you like, you can still use the previous subSilver theme by
changing this option in your profile. You can visit the forums <a
href="http://www.ecopetition.org/">here</a>.
</div> <!--end of #NewsPostDetailContent-->
</div> <!--end of #NewsPostDetail-->
<hr/>
<div class="NewsPostDetail">
<strong>
<div id="NewsPostDetailDate">
10/10/06
</div>
</strong>
<div id="NewsPostDetailContent">
Thanks for bearing with us while we updated our site.
It now uses a content management system, which enables
every aspect of the site to be edited via an administrator
control panel, thus providing a safer way to edit files. Thanks
again (the poll will be in place shortly).
</div> <!--end of NewsPostDetailContent-->
</div> <!--end of NewsPostDetail-->
<hr/>
<!-- End News Display Template --></font>
</div> <!--end of #contentinner-->
</div> <!--end of #content-->
</div> <!--end of right container-->
</div> <!--end of main container-->
<div id="footer">
Ecopetition is a non-profit organisation :: copyright ©
2006-2007. This site is best viewed with Mozilla Firefox and
with a reolution of 728x1024 or higher.
</div>
</body>
</html>
30-10-2006, 02:07 PM
tyros - on some forums the code creates a scrollbar so that it doesn't use up so much space; did I do something wrong or is this site different?
30-10-2006, 04:28 PM
i don't think that option has been added/choosen yet wickham, but it seams like a good idea.
30-10-2006, 05:43 PM
added a scroll thingy but it only works in IE cause i need t use max-height css which as we all know IE is crap so don't support it!