PHP/CSS Coding

ujitnos
ujitnos used Ask the Experts™
on
Hi

I need to edit the size/width of the content and the sidebar part of this website.

http://secureinfo.info

I tried editing the layout.css file but the width does not seem to change. I need to increase the width of the website body and decrease the sidebar width. Attached is the oriignal layout.css file.

I have not idea about css or php coding, so any help is welcome.
 layout.css
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
first off all your page is not using layout.css

its using style.css

share that css

Author

Commented:
Ok, like i said, i dont have much idea about scripting. Take a look and tell me if you need anything else

 style.css
The reason you cannot reduce the sidebar width is because you already have a sidebar with a width of only 178px (see layout.css line 68) squeezing an iframe in the sidebar set to a width of 300px.  With the iframe, I don't know if you can reduce the sidebar any smaller than the 300px.
Expert Spotlight: Joe Anderson (DatabaseMX)

We’ve posted a new Expert Spotlight!  Joe Anderson (DatabaseMX) has been on Experts Exchange since 2006. Learn more about this database architect, guitar aficionado, and Microsoft MVP.

soory you need change in layout.css

div#content { width: 550px; padding: 0; float: left; }

div#content .pad { width: 550px; }


div#sidebar { width: 328px; padding: 0; margin: 0; float: right; }

div#sidebar .pad { width: 328px; margin: 0; padding: 0; }



try to change it to

div#content { width: 500px; padding: 0; float: left; }

div#content .pad { width: 500px; }


div#sidebar { width: 378px; padding: 0; margin: 0; float: right; }

div#sidebar .pad { width: 378px; margin: 0; padding: 0; }
try to change it to

div#content { width: 600px; padding: 0; float: left; }

div#content .pad { width: 600px; }


div#sidebar { width: 268px; padding: 0; margin: 0; float: right; }

div#sidebar .pad { width: 268px; margin: 0; padding: 0; }

Author

Commented:
I tried changing it to the setting below, but no luck

div#content { width: 700px; padding: 0; float: left; }
div#content .pad { width: 700px; }

div#sidebar { width: 178px; padding: 0; margin: 0; float: right; }
div#sidebar .pad { width: 178px; margin: 0; padding: 0; }

Author

Commented:
@OmniUnlimited

Line 68 shows the width as 328px

div#sidebar .pad { width: 328px; margin: 0; padding: 0; }
Yes, now it does.  Did you change it?

Author

Commented:
No, the original file had the width as 328
This width appears to be much more appropriate for the 300px iframe.
I examined your site through the url you gave me.  When I checked, it was at 178px.

Author

Commented:
ok, can we edit the width.....i need a smaller sidebar ?
You would first need to modify the width of the iframe, although I do not know what effect that will have on the display of the iframe.

Author

Commented:
which iframe r u referring to?
The adbright iframe you have in your sidebar showing the ads.

Author

Commented:
Ok, I managed to increase the width of the content, is there any way i can remove/move the dotted line. Please take a look.

http://secureinfo.info
Sure.  Just change the 600px to whatever you want in the background style located in the color.css file on line 44.
In looking at your page I would say around 650px or 660px maybe.
No, make that 670px or 680px.
If you want to take it out altogether just take out the background style.

Author

Commented:
Ok got it. dot was an image in a colour.css, moved it.
Super.  Thank you for the points.

Author

Commented:
Hi OmniUnlimited, need your help with a php coding on the above site, I will open a new case for you. Is it fine?
You bet.  Just click on the "ask a related question" link above the comments box.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial