Space on right of site, cant remove it

weasel · #1 (**permalink**) Dec 23rd, 2007, 17:40

Hi there,

For some unknown reason I have a huge wad of space on the right hand side of my site.

I have tried everything I can think of but cant cure it.

Would someone mind casting an eye over my code to see if they can explain it?

HTML

Code: Select all

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
    initEditor();
}
$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$colspan = 0;
$right = 0;
// banner combos

//user1 combos
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
    $user1 = 2;
    $user2 = 2;
    $colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
    $user1 = 1;
    $colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
    $user2 = 1;
    $colspan = 1;
}

//right based combos
if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
    $right = 1;
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/Sweet-beta/css/template_css.css" rel="stylesheet" type="text/css" />
<script src="<?php echo $mosConfig_live_site;?>/templates/Sweet-beta/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>



<link href="css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>






<div align="center" id="header">
<div id="logo">

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','450','height','90','hspace','0','vspace','0','align','middle','src','../templates/Sweet-beta/images/logo','loop','true','wmode','transparent','quality','high','bgcolor','#e0dfe3','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','../templates/Sweet-beta/images/logo' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="450" height="90" hspace="0" vspace="0" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="../templates/Sweet-beta/images/logo.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name ="loop" value="true" />
<param name="bgcolor" value="#e0dfe3" />

<embed src="../templates/Sweet-beta/images/logo.swf" 
width="450" height="90" 
hspace="0" vspace="0" 
loop="true" 
align="middle" 
wmode="transparent" 
quality="high" 
bgcolor="#e0dfe3" 
allowScriptAccess="sameDomain" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript>
</div>


<div id="user1">
<div id="user_border" align="left">
<p align="center">Special Offers</p>
<?php mosLoadModules ( 'user1', -1); ?>
</div>
</div>




<div id="login" align="left">

<?php mosLoadModules ( 'user4', -1); ?>
</div>

<div id="banner">


<div id="cart">
<div id="contentwrap">
<div id="cart_content"><?php mosLoadModules ( 'user5', -1); ?></div>
<div id="cart_logo"><img src="<?php echo $mosConfig_live_site;?>/templates/Sweet-beta/images/cart.gif" width="28" height="27" align="left" /></div>

</div>
</div>
</div>
</div>


<div id="navigation">
<div id="nav_content">
<div id="nav"><?php mosLoadModules ( 'user2', -1); ?></div>
<div id="search" align="right"><?php mosLoadModules ( 'user3', -1); ?></div>
</div>
</div>






<div id="contentwrap">
  <div id="sidebar">
  
<div id="box_container">
<div id="top_left_box"></div>
<div id="center_content_box1">
<div id="user_border4">
<!--/* Openads Javascript Tag v2.4.0 */-->

<script type='text/javascript'><!--//<![CDATA[
   var m3_u = (location.protocol=='https:'?'https://ads.sweet-machines.com/www/delivery/ajs.php':'http://ads.sweet-machines.com/www/delivery/ajs.php');
   var m3_r = Math.floor(Math.random()*99999999999);
   if (!document.MAX_used) document.MAX_used = ',';
   document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
   document.write ("?campaignid=1");
   document.write ('&amp;cb=' + m3_r);
   if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
   document.write ("&amp;loc=" + escape(window.location));
   if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
   if (document.context) document.write ("&context=" + escape(document.context));
   if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
   document.write ("'><\/scr"+"ipt>");
//]]>--></script><noscript><a href='http://ads.sweet-machines.com/www/delivery/ck.php?n=a9150934&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://ads.sweet-machines.com/www/delivery/avw.php?campaignid=1&amp;n=a9150934' border='0' alt='' /></a></noscript>
</div>
</div>
<div id="bottom_left_box"></div>
</div>
<div id="box_container2">
<div id="top_left_box"></div>
<div id="center_content_box2">
  <div id="user_border4">
 <?php mosLoadModules ( 'user6', -1); ?>
  </div>
  
  </div>
<div id="bottom_left_box"></div>
</div>

</div>

<div id="content">
<div id="content_box">
<div id="top_left_content"></div>
<div id="center_content_frame">
<div id="user_bordermain">
<p>&nbsp;</p>
<?php mosMainBody(); ?>
<p>&nbsp;</p>
</div>
</div>
<div id="bottom_left_content"></div>
</div>
</div>
</div>

<div id="ad_unit"><a href="http://www.dreamhost.com/r.cgi?80366"><img src="<?php echo $mosConfig_live_site;?>/templates/Sweet-beta/images/468x60b.gif" alt="DreamHost.com - The Best Hosting In The Business" width="468" height="60" title="DreamHost.com - The Best Hosting In The Business" border="0" /></a></div>

<div align="center" id="footer"><div id="footer_content">
  <p class="footer">&copy;2007 Sweet-Machines.com - Tomorrows PC Systems Today</p>
  <p class="footer">&nbsp;</p>
  <p class="footer"><font color="#5B96EF">Powered By P & M IT Solutions UK LLP Trading As Sweet-Machines.com </font></p>
</div></div>



</body>
</html>

CSS

Code: Select all

/* SWEET-BETA CSS Style */



/* Sweet-machines.com Main Style Sheet */

/* Additional Info: any CSS starting with an underscore _ Is An IE hack. 
Only IE will read those lines that are pre-fixed with an underscore */

/* BODY CODE */

html {
background:#000;
}
    
body {
margin: 10px auto 10px auto;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
width: 830px;
}
    
p {
margin: 0;
padding: 0;
}

p.dblue {
color: #003399;
}

p.arial {
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

p.lblue {
color: #5B96EF;
font-weight: normal;
}

p.title {
font-size: 16px;
color: #BF1803;
font-weight: bold;
}

p.title2 {
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}

p.footer {
color: #ffffff;
font-size: 10px;
}
   

/* END OF BODY CODE */    
    
/*THE HEADER */    
    
    #header {
        height: 250px;  /* real height: 130px; */
        background-color: #000000;
        background-image: url(../images/header-background.gif); background-repeat: no-repeat;
    }
    
    #logo {
    float:left;
    width: 455px;
    height: 90px;
    padding-top: 5px;
    padding-left: 20px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    }
    
    #user1 {
    float:right;
    padding-top: 10px;
    padding-right: 20px;
    width: 250px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    }
    
    #specials {
    border: 2px solid #b8c30b;

    width: 200px;
    }
    
    #user_border {
    border: 2px solid #b8c30b;
    padding-top: 3px;
    padding-bottom: 3px;

    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    }
    
    #user_border2 {
    border: 2px solid #b8c30b;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    }
    
    #user_border3 {
    border: 2px solid #b8c30b;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    }
    
    #user_border4 {
    border: 2px solid #b8c30b;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    background: #ffffff;
    }
    
    #user_bordermain {
    border: 2px solid #b8c30b;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    background: #ffffff;
    }
    
        
/* END OF HEADER */    
    
/* NAVIGATION */    
    
     #navigation {
       height: 45px;  /* real height: 40px; */
       background-image: url(../images/nav-background.gif); background-repeat: no-repeat;
    }
    
    #nav_content {
       padding-top: 6px;
       padding-left: 30px;
       padding-right: 20px;
    }
    
    #nav{
    float: left;
    width: 500px;
    padding-top: 8px;
    }
    
    #search {
    float: right;
    width: 250px;
    padding-top: 5px;
    padding-right: 10px;
    }



/* LOGIN */

    #login{
    float: left;
    width: 530px;
    padding-top: 45px;
    padding-left: 20px;
    }
    
    fieldset.js_login{
    border: 2px solid #b8c30b
    }
    
    /* END OF LOGIN */
    
    /* USER 5 */
    
    #banner {
    float:right;
    width: 250px;
    padding-top: 5px;
    padding-right: 20px;
    }
    
    #cart {
    border: 2px solid #b8c30b;
    padding-bottom: 5px;
    padding-left: 5px;
    }
    
    #cart_logo {
    float: right;
    padding-right: 5px;
    padding-top: 30px;
    }
    
    #cart_content {
    float: left;
    padding-left: 5px;
    padding-top: 10px;
    }
    

/* END OF USER 5 */


    
/* END OF NAVIGATION */    


 #contentwrap {
   overflow: hidden;
    }
    
    
/* SIDE BAR OR CONTENT BOX 1 */    
    
    #sidebar {
        float: left;
        width: 260px; /* real width: 280px; */
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left:5px;
    }
    
    #box_container1 {
    padding-bottom: 4px;
    
    }
    
    #box_container2 {
    padding-top: 4px;
    
    }
    
#sidebar_content {
      float: left;
      width: 250px; /* real width: 270px; */
      float: left;
      }
      
/* START OF BACKGROUND BOX 1 GRAPHICS */      
      
    #top_left_box{
      height: 32px;
      background-image: url(../images/left-box_top.gif); background-repeat: no-repeat;
    }
      
    #center_content_box1{
    height: auto;
      background-image: url(../images/left-box_center.gif); background-repeat: repeat-y;
      padding-left: 20px;
      padding-right:28px;
      font-family: Verdana, Geneva, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #000;
    }
    
    #center_content_box2{
    height: auto;
      background-image: url(../images/left-box_center.gif); background-repeat: repeat-y;
      padding-left: 20px;
      padding-right:28px;
      font-family: Verdana, Geneva, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #000;
    }
      
    #bottom_left_box{
      height: 32px;
      background-image: url(../images/left-box_bottom.gif); background-repeat: no-repeat;
    }
    
    a.box1:link {
    color: #b8c30b; text-decoration: none;
}
    a.box1:visited {
    color: #b8c30b; text-decoration: none;
    }
    a.box1:active {
    color: #b8c30b; text-decoration: none;
    }
    a.box1:hover {
    color: #ff0000; text-decoration: underline;
    }
    
    
/* END OF BOX GRAPHICS */
/* END OF SIDEBAR */


/* MAIN CONTENT WINDOW OR CONTENT BOX 2 */    
    
    #content {
        float: left;

        padding-top: 7px;
        padding-bottom: 7px;
        padding-left:2px;
    }
    
    #content_box {
      float: left;
      width: 555px; /* real width: 570px; */
      }
      
/* START OF BACKGROUND BOX 2 GRAPHICS */  
      
    #top_left_content{
      height: 32px;
      background-image: url(../images/content-box_top.gif); background-repeat: no-repeat; background-position: left;
    }
      
    #center_content_frame {
      background-image: url(../images/content-box_center.gif); background-repeat: repeat-y;
      padding-left: 20px;
      padding-right: 20px;
    }
      
    #bottom_left_content{
      height: 32px;
      background-image: url(../images/content-box_bottom.gif); background-repeat: no-repeat;
    }
    
/* END OF BOX GRAPHICS */
/* END OF MAIN CONTENT WINDOW */

/* AD UNIT CSS */

#ad_unit {

height: 90px;
width: 100%;
background-image: url(../images/adunit_background.png); background-repeat: no-repeat;
padding-top: 20px;
padding-left: 190px;
}

/* ENOD OF AD UNIT */


/* FOOTER */    
    
    #footer {
        height: 50px;  /* real height: 70px; */
        background-image: url(../images/footer-background.gif); background-repeat: no-repeat;
    }
    
    #footer_content {
        padding-top: 7px;
        padding-left: 30px;
    }

    
/* END FOOTER */    









/* Joomla core stuff */
a:link, a:visited {
    color: #b8c30b; text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #ff0000;    text-decoration: none;
    font-weight: normal;
}

table.contentpaneopen {
  width: 100%;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
    padding-left: 4px;
}



table.contentpane {
  width: 100%;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
}

table.contentpane td {
    margin: 0px;
    padding: 0px;
}

table.contentpane td.componentheading {
    padding-left: 4px;
}

table.contentpaneopen fieldset {
    border: 0px;
    border-bottom: 1px solid #eee;
}

.button {
  color: #cccccc;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 2px solid #000000;
  width: auto;
  background: #8b9303;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
    padding: 2px;
    border:solid 1px #b8c30b;
    background-color: #000000;
    color: #ffffff;
}

.componentheading {
    background: url(../images/subhead_bg.png) repeat-x;
    color: #666666;
    text-align: left;
    padding-top: 4px;
    padding-left: 4px;
    height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;

}

.contentcolumn {
    padding-right: 5px;
}

.contentheading {
    height: 30px;
    color: #BF1803;
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
    padding-bottom: 5px;
}



.contentpagetitle {
    font-size: 13px;
    font-weight: bold;
    color: #cccccc;
    text-align:left;
}

table.searchinto {
    width: 100%;
}

table.searchintro td {
    font-weight: bold;
}

table.moduletable {
    width: 100%;
    margin-bottom: 5px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

div.moduletable {
    padding: 0;
    margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
    background: url(../images/subhead_bg.png) repeat-x;
    color: #666666;
    text-align: left;
    padding-left: 4px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 0 2px 0;
}

table.moduletable td {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
    background-color : #ffffff;
}

.sectiontableentry2 {
    background-color : #f9f9f9;
}

.small {
    color: #999999;
    font-size: 11px;
}

.createdate {
    height: 15px;
    padding-bottom: 10px;
    color: #999999;
    font-size: 11px;
}

.modifydate {
    height: 15px;
    padding-top: 10px;
    color: #999999;
    font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
    text-align: left;
    padding-top: 2px;
    padding-left: 4px;
    height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background: url(../images/menu_bg.png) no-repeat;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #ccc;
    text-align: left;
    padding-top: 5px;
    padding-left: 18px;
    height: 20px !important;
    height: 25px;
    width: 100%;
    text-decoration: none;
}

a.mainlevel:hover {
    background-position: 0px -25px;
    text-decoration: none;
    color: #fff;
}

a.mainlevel#active_menu {
    color:#fff;
    font-weight: bold;
}

a.mainlevel#active_menu:hover {
    color: #fff;
}

a.sublevel:link, a.sublevel:visited {
    padding-left: 1px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #c64934;
    text-align: left;
}

a.sublevel:hover {
    color: #900;
    text-decoration: none;
}

a.sublevel#active_menu {
    color: #333;
}

.highlight {
    background-color: Yellow;
    color: Blue;
    padding: 0;
}
.code {
    background-color: #ddd;
    border: 1px solid #bbb;
}

form {
/* removes space below form elements */
    margin: 0;
     padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
    display: block;
    height: 1.5em;
}

The url for my site is:

http://sweet-machines.com

as you can see the scroll bar at the bottom that is only there to compensate for the huge wad of space on the right. A huge wad of space I cannot account for :/

Thanks gang!

Aso · #2 (**permalink**) Dec 23rd, 2007, 17:43

Umm, where exactly? No problem in FF & IE7

UPDATE: Not quite the problem you described, but all hell breaks loose in IE6!

weasel · #3 (**permalink**) Dec 23rd, 2007, 17:55

SOLVED:

I checked again and found my footer container div was set to 100% width.
Phew!

Thanks anyway

Webforumz is such a handy local resource!

I gave up trying to please IE6 altogether lol.
In my friends pc using IE6 some of the fonts are blue where in mine they are black. I hate IE

IE7 is fussy as well, padding isnt the same as in FF so you have to hack it...
Bout time microsoft made their browser as nice as FireFox.

Any way, rant over...

How does IE6 go nuts buddy?
Does it look ok in ie7?

How do u run ie6 and 7 on the same machine???

Thanks!

Aso · #4 (**permalink**) Dec 23rd, 2007, 18:01

If your question for this thread is sorted, mark it solved using 'thread tools' at the top

You might wanna check your site in IE6. It's quite a mess. And considering the market share it still has, I would strongly recommend looking into it. Anyone that hits this is going to leave promptly

weasel · #5 (**permalink**) Dec 23rd, 2007, 18:10

Hi again,
yes I see your point.

Doesn't IE just do your head in lol.

Ok so I guess my issue isn't as solved as I thought so I guess I am going to need some help on this one..

My first question is should I make a new topic or continue here?

My second question is how do I run ie6 on the same machine as IE7?

And my last question would be should I hack the CSS or make a new IE6 only style sheet?
I think make a style sheet for ie6 and use an <--- if thingy.

Sorry, I have only been doing CSS for about 6 months or so.

This site is for my business, I am much better at building PC's than I am at web design but I am keen to learn.
Someday, despite my bad luck with certain colleges, I hope to learn through up to a C language.

Thanks again!

PS, thanks for the screens, they helped!!!!

Jack Franklin · #6 (**permalink**) Dec 23rd, 2007, 18:43

http://tredosoft.com/Multiple_IE

Aso · #7 (**permalink**) Dec 23rd, 2007, 18:56

I'd probably recommend making a new topic for this one. But have a crack at it first and see how you go. You could make an IE6 only stylesheet, but you'd have to override all the styles you set in your original CSS.

The best option, if it's possible, try locating the bug(s) in your current CSS through trial and error. (plus I'll try my best to see what might be the major problem causer)

Aso · #8 (**permalink**) Dec 23rd, 2007, 19:39

Ok, before we start any CSS troubleshoots, you've got to get rid of this at the very start of your HTML

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?>

That's triggering quirks mode for IE6 which can cause all sorts of issues. Delete it. You don't need it.

weasel · #9 (**permalink**) Dec 23rd, 2007, 19:47

Thanks Jackfranklin, got all the ie's

aso186: Woahhhh what a result, better already!

Looks to me like the only issues remaining are with the div which contains the cart, a transparent png fix and the borders round the custom build forms check boxes.

Oh and the login area which is a module for Joomla which is powering the sites core and has its own styling.

Also please excuse the state of my css. The site started out as pure html and css but was adapted to work with joomla last minute.

Aso · #10 (**permalink**) Dec 23rd, 2007, 20:16

No problem about your CSS

Things certainly look better!

On an unrelated note, that pop-up that springs down with 'Polite Notice - best viewed with Firefox' - once is OK, but it appears on every page navigation and gets annoying pretty quickly. For your users, I'd recommend keeping it just to the front page.

Good luck with IE6. I wouldn't worry about anything lower, IE5 will be non-existent very soon.

weasel · #11 (**permalink**) Dec 23rd, 2007, 20:56

Thanks for all your help, I'll work on the css over christmas

RE: The popup, I set it to pop up always while I was tweaking its position, I'll set that back to once only.

Thanks again!!!

MikeHopley · #12 (**permalink**) Dec 23rd, 2007, 21:01

Quote:

Originally Posted by aso186

that pop-up that springs down with 'Polite Notice - best viewed with Firefox' - once is OK, but...

I disagree. It's not okay.

Don't tell your users what browser to use. They won't appreciate it.

Just make it work in their browser as best you can. Don't even inform them about alternative browsers: it's a distraction (just like "valid HTML" badges are a distraction).

weasel · #13 (**permalink**) Dec 24th, 2007, 13:45

Hi Mike,

you make an interesting point.

The way I'm looking at it is that I would far prefer to give a visitor the option to view the site as it should look.
I totally agree about telling people what browsers to use and not to use but I'm merely suggesting that they use FF.

Personally, I find FF to be an all round better browser than IE could ever hope to be.
For instance, half hours browsing with IE and the machine is spammed up to high heaven.
You run any cleaning program and you will find more spam after using IE than using FF.
Or at least thats the case with the machines I deal with.
Also, IE is far to fussy when it comes to displaying designs requiring work arounds just to display what other browsers display correctly.

I do try to compensate for IE when I design but the more complex the design, the more ajustments and allowances you have to make for IE.

I do however take your point on board and I will attempt to clean the site up over xmas so that at least IE6 is happy with it, but due to personal preference, I will still promote FF as it is in my oppinion a far better browser.

Since switching to it 3 years ago or so back, I have not had any hijacking of my browser at all. I dont get 300 porn popups or dialers etc.
But hey, each to their own and as an up coming designer, IE is something I will have to tackle, this I have no choice on due to it's (god knows why) popularity.

I just prefer FF. I'm sure some prefer avant, netscape etc anything has to be better than IE :/ lol

Thanks guys!

Aso · #14 (**permalink**) Dec 24th, 2007, 14:10

Mike, I know you think it's not okay, and in fact, neither do I. But the reason I said what you quoted, is that, at a push, once is OK, because technically weasel has a right to put what ever he prefers on his site. I'm not going to tell him to abolish it, but simply suggest a workaround.

MikeHopley · #15 (**permalink**) Dec 24th, 2007, 14:13

I completely agree that Firefox is better. IE is rubbish; I hate it with burning vehemence. IE has obstructed the improvement of web standards for years.

During the process of designing a site, I often find myself putting up these discreet "upgrade your browser" notices. It's a way of expressing my frustration with IE.

But I always take them down, because they don't help my users. No-one is going to change browsers just for viewing my site.

When I started writing valid code, I put badges on my footers. I was so proud of myself: valid HTML, valid CSS, triple-A accessibility. But again, I took them down later.

Quote:

Originally Posted by aso186

Mike, I know you think it's not okay, and in fact, neither do I. But the reason I said what you quoted, is that, at a push, once is OK, because technically weasel has a right to put what ever he prefers on his site. I'm not going to tell him to abolish it, but simply suggest a workaround.

Yes, I gathered as much. And you're absolutely right: once is much better than every time.

I just prefer the direct approach: because I think it's a bad idea, I suggest he abolishes it.

And of course he has a right to put whatever he prefers on his site. "I have the right" seems so frequently to be the expression of a stymied mind. Sure, you "have the right" to think something or do something; and other people "have the right" to think and do something different. We all have these rights, orbiting our heads like little moons, interfering with our ability to see the world clearly, and bouncing off each other when two minds get too close.

What a nuisance talk about rights is! Let's put our rights into higher orbit, somewhere out the way. They still exist, but we don't need to grab hold of them the moment we disagree. The tides will be calmer when the moons are farther out.

That may be the most convoluted metaphor I've ever used.

weasel · #16 (**permalink**) Jan 12th, 2008, 13:02

Hi there, Me again...

Well, I have pondered much over this site and have decided to rewrite the index template and css and hopefully simplify it.
I have started this and am making much progress, greatly aided with the advice from this post and the help of multiple IE's and a dual monitor set up.

As I write each new line for the index or css file, I check it in FF, IE6 & IE7.
Anything in the CSS that differs in the way it displays (which hasn't been much so far) gets an _Underscore hack applied to it.

For instance my content pane, the widths differed extremely when displayed in IE compared to FF, so a simple _width: whatever; did the trick.

I can see my re-write beginning to take effect and hopefully, with a couple of days good work, it should be done, ready and working in FF, IE6 & IE7

Thanks for all the help and advice guys.

I figured writing a sepperate IE sheet wasn't worth it for the sake of the small amount of differences I have noticed so simple _ hacks will do for now.

I must say, the css I am writing now isn't as messy as the previous sheet lolz

Aso · #17 (**permalink**) Jan 12th, 2008, 14:26

Good to hear!

Look forward to seeing the final results

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
how to remove frames	camarun20	Web Page Design	6	Mar 26th, 2008 14:11

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Space on right of site, cant remove it