5 replies [Last post]
digital006.com
Offline
Regular
Last seen: 12 years 15 weeks ago
Joined: 2007-10-31
Posts: 13
Points: 0

Hi,

This problem only occurs in IE6, FF and IE7 are fine.

For some reason in IE6 the rightcol is below the rest of the page. How do I fix it. The site has to be fixed in 10 hours.

The CSS validates but the XHTML does not (sorry for that). I appreciate any help.

/* generated by csscreator.com */ html, body{ margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; }

#pagewidth{
width:950px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#header{
position:relative;
height:11px;
background-image: url('images/header1.jpg');
background-repeat:repeat-x;
width:100%;
margin:0;
}

#twocols{
width:100%;
float:right;
position:relative;
margin:0;
padding:0;
}

#rightcol{
width:255px;
float:right;
position:relative;
background-image: url('images/main.jpg');
background-repeat:repeat-x;
height:500px;
}

#rightcol2{
width:725px;
float:right;
position:relative;
background-image: url('images/header3.jpg');
background-repeat:repeat-x;
height:108px;
}

#rightcol3{
width:475px;
float:right;
position:relative;
/* background-image: url('images/main.jpg');
background-repeat:repeat-x; */
padding-top:23px;
}

#maincol1{background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:695px;
background-image: url('images/main.jpg');
background-repeat:repeat-x;
height:400px;
}

#maincol2{background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:695px;
background-image: url('images/main2.jpg');
background-repeat:repeat-x;
padding-top:23px;
}

#maincol3{background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:225px;
height:108px;
}

#maincol4{background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:100%;
background-image: url('images/main.jpg');
background-repeat:repeat-x;
padding-top:23px;
}

#maincol5{background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:475px;
/* background-image: url('images/main.jpg');
background-repeat:repeat-x; */
padding-top:23px;
}

#maincol6{background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:100%;
padding-top:23px;
}

#maincol7{background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:100%;
padding-top:23px;
background-image: url('images/main.jpg');
background-repeat:repeat-x;
}

#footer{
height:150px;
background-color:#FFFFFF;
clear:both;
width:950px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:0;
padding-left:20px;
line-height:18px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
margin-top:5px;
font-weight:normal;
color:#0099FF;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding-left:20px;
font-weight:normal;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding-left:20px;
padding-right:20px;
}

p2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
}

img.floatRight {
float: right;
margin: 4px;
}

img.floatRight2 {
float: right;
margin: 0px;
}

img.floatLeft {
float:left;
margin: 0px;
padding-right:10px;
}

a:link {
text-decoration: underline;
color:#0099FF;
}
a:visited {
text-decoration: underline;
color:#0099FF;
}
a:hover {
text-decoration: underline;
color:#000000;
}
a:active {
text-decoration: underline;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*printer styles*/
@media print{

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

Interphone





Interphone Bluetooth Helmet Communicator


Home     Features     Products     Media     FAQ     News     Feedback     Downloads     Contact     Dealer Search










 







AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','235','align','middle','title','Interphone','movie','inteprhonebanner','quality','high' ); //end AC code








Just imagine if you could buy a small, lightweight, waterproof device that fits quickly and easily on your helmet, allows you to talk to your pillion passenger, allows you to listen to your GPS device, and gives you hands-free access to your mobile phone – all without any connecting wires…




Well, you can!




That’s exactly what Interphone does – and it’ll even do bike-to-bike as well.




Please browse this site – it seeks to provide all of the information you’ll need to come to a decision to buy Interphone, including a choice of ‘buy it now, online’ or find a dealer near where you live.




The site is evolving all the time, so please check back for the latest information.




If you can’t find what you’re looking for, please feel free to contact us by phone or email:

08700 340283 interphone[at]motocomp.com




There are currently 2 versions of Interphone:




‘Interphone Universal’ – with its microphone on a flexible boom – designed to fit all types of modern motorcycle helmets, Open Face, Flip Front or Full Face






Interphone Universal helmet


more infoBuy interphone universal now




‘Interphone-FF’ – with its microphone on a flexible rubber backing piece and connected with a longer flexible wire – designed to fit all Full Face helmets (especially the closer-fitting designs, where the boom type might be a bit tight)


Interphone Full Face helmet


more infoBuy interphone universal now










They are both available individually, or as ‘Duo’ packs.




Spare headset kits are also available, in case you want to equip more than one helmet.


More info




<?php include("rss/rss2html.php"); ?>


©Moto Comp Ltd

Moto Comp Ltd are the exclusive Interphone distributors for the UK and Ireland www.motocomp.com

For inquiries from outside this area please visit www.interphone.cellularline.com






Yes there are more elegent ways of doing certain things but it crunch time.

It can be viewed online at interphoneuk.com

Thanks

Triumph (not verified)
Anonymous's picture
Guru

Have you ever watched Dr.

Have you ever watched Dr. Who? His ship is bigger on the inside than it is on the outside. Well, that's not possible in the real world, just on TV. I'm thinking your right column is too wide for the space provided.

digital006.com
Offline
Regular
Last seen: 12 years 15 weeks ago
Joined: 2007-10-31
Posts: 13
Points: 0

The widths that are

The widths that are specified are fine, it works in Firefox and IE7 as well. Strange thing is it used to work in IE6 until I removed an iframe from the div.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 4 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Most likely the sneaky 3px

Most likely the sneaky 3px jog.
IE6 likes to add 3px to floated stuff to make it too wide to fit into certain areas.
I would recommend trying lowering the widths of some elements to see if it fixes in IE6.
Or do some research on the 3px Jog and attempt to implement it to see if it works.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Triumph (not verified)
Anonymous's picture
Guru

Deuce wrote:Most likely the

Deuce wrote:
Most likely the sneaky 3px jog.
IE6 likes to add 3px to floated stuff to make it too wide to fit into certain areas.
I would recommend trying lowering the widths of some elements to see if it fixes in IE6.
Or do some research on the 3px Jog and attempt to implement it to see if it works.

So, you're saying the widths that are specified are not fine? Hmm. Imagine that. Wink

digital006.com
Offline
Regular
Last seen: 12 years 15 weeks ago
Joined: 2007-10-31
Posts: 13
Points: 0

Deuce wrote:Most likely the

Deuce wrote:
Most likely the sneaky 3px jog.
IE6 likes to add 3px to floated stuff to make it too wide to fit into certain areas.
I would recommend trying lowering the widths of some elements to see if it fixes in IE6.
Or do some research on the 3px Jog and attempt to implement it to see if it works.

Thank you very much it turned out that a table was overiding the rightcol div.

Thanks again.