Website CSS problem

Hello guys,

My website template: digitial-hosting.co.uk

I have problems with everything below the webhosting packages
The images and text move with the browser when you resize it.

How do I fix this? or make it locked so it doesnt move with the browser?

Regards,
Mark

 

Looks like the stuff staying still is in the id content. Try and move the items in to there.

 

Hi, could you be more specific on how to do that?

Here is my code:

 

Hi Markvis14,
please try following:

find code:

<div>
<div id="shared">

Code (markup):

replace to

<div style="width: 900px;">
<div id="shared">

Code (markup):

also
find code:

#content {
	position:absolute;
	top:309px;
	width:900px;
	left: 235px;
}

Code (markup):

replace to

#content {
	position:absolute;
	top:309px;
	width:900px;
	/*left: 235px;*/
}

Code (markup):

Please let us know about result

 

The problem is you are using absolute positioning on a lot of this. Absolute positioning removes the elements from the normal flow and that's why things are moving up on the page and covering up other elements. I don't have time to look to see what the fix is going to be now.

 

I just seemed to have fixed it myself.

In the following code:

I removed the "left: 85px" as it wasn't there in the original, now it seems to be working just fine.

Thanks everyone for their help!