Page 1 of 1
CSS Problem... I think
Posted: Wed Oct 18, 2006 5:52 pm
by 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
Re: CSS Problem... I think
Posted: Wed Oct 18, 2006 10:36 pm
by tsw
its IE 3px jog bug, google will give answers (cant remember how its fixed right now)
hope this helps
Re: CSS Problem... I think
Posted: Thu Oct 19, 2006 1:32 pm
by 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
Re: CSS Problem... I think
Posted: Sat Oct 21, 2006 11:56 pm
by 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...
Re: CSS Problem... I think
Posted: Sun Oct 22, 2006 1:52 pm
by 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
Re: CSS Problem... I think
Posted: Mon Oct 23, 2006 2:56 pm
by 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...
Re: CSS Problem... I think
Posted: Thu Oct 26, 2006 11:21 am
by 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.
Re: CSS Problem... I think
Posted: Fri Oct 27, 2006 12:44 am
by 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:
let me know if that works.
sloe
Re: CSS Problem... I think
Posted: Fri Oct 27, 2006 9:13 pm
by 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
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.