CSS Problem... I think

[RobertPetersen]

I recently made my first real webpage using cmsms. I'm normally using Netobjects Fusion, where you use a wysiwyg editor also for the CSS( which is integrated into the Netobjcts Fusion).

So i'm newbie at this hardcore CSS programming in cmsms.

Looking at the site http://www.digitizer.dk/ You will notice that moving the mouse over pictures or links the site moves a bit.(Only in Internet Explorer) I think it is the CSS regarding the A:LINK structure, just dont know where to fix it !

Any advice, If you want I can make a username and password, so that You can look into the code directly. just mail me here and I will set it up.

Kind regards Robert

[tsw]

its IE 3px jog bug, google will give answers (cant remember how its fixed right now)

hope this helps

[RobertPetersen]

Thanks for helping... but but but.. NO.. it did not remove the problem. 
It looks like when moving the mouse pointer over the images or the links that is made in the text area that the problem occur. So somehow I must have made an error in the CSS just not sure where to look for it.
Any ideas ? anyone ?

Kind regards Robert

[Dr.CSS]

It probably has to do with it being a table layout in that section, I had the same problem, only it was the calendar, you may want to take the CSS/styling out of the HTML side, just have and put it in the CSS...

in the source...

[RobertPetersen]

HI Mark. Thanks for trying to helping me.
I tried to paste the following code:

Code: Select all

    <tbody>
            <td valign="middle" nowrap="nowrap" align="center"></td>
    </tbody>

But looking at the source after doing this, it just makes it double, so I guess I'm putting the code into the wrong area ? And off course.. the problem with the site changing when moving the mouse cursor over it, it still there.

Here is where i'm putting the code in
"snip"

Code: Select all

      <!-- Start Content Area -->
      <div id="main">
         <div style="float: right;">{print showbutton=true script=true}</div>
         <h1>{title}</h1>
         {content} <br />
         <tbody>
         <td valign="middle" nowrap="nowrap" align="center"></td>
         </tbody>
         <!-- Start relational links -->

"Snip finished"

The page we are talking about is http://www.digitizer.dk/

Kind regards Robert

[Dr.CSS]

I'm sorry I didn't mean for you to add that bit of code,, I was saying that's what I found in the source of the page, right click view source.

I was saying if you are going to use table based layout try and put the styling, , in a style sheet.

Other wise I wouldn't use tables for that layout, but then again I've never used table layout and I understand for some it's the easiest/quickest way to get a page to look the way they want...

I found a style call in my default install for tables that messed with my layout in the Calendar...

[RonnyK]

Robert,

I found the same thing happening already in the default template "CSSmenu top + 2 columns". This is also happening on the site Mark referred to in an earlier post. I changed the layout on that site to check and also there it happens. I think the issue is already in the template.

The link "next page:...." on the main screen shows the same behaviour.

[sloecoach]

Don't know if you're still working on this problem, but I think I've found a solution.

When I removed the width attribute from the table tag in the html, it seemed to stop this behavior.

remove:

Code: Select all

width="99%"

let me know if that works.

sloe

[RobertPetersen]

thanks.. I noticed that to..
I change the following:

In main CSS called "Left simple navigation + 1 column"

Code: Select all

<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(740,780));}
#container {height: 1%;}

and in Sub CSS called "Layout: Left sidebar + 1 column"

Code: Select all

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 780px;   /* IE wont understand these, so we will use javascript magick */
   min-width: 740px;
   background-color: #FFF;;
   color: black

So it looks like that the page is not able to read the

Code: Select all

Width=99%

and then the idea of rezizing the page against size of the browers is gone.. so now.. rezizing is gone. 

Kind regards Robert, and thanks all.