1 reply [Last post]
Myriad
Myriad's picture
Offline
newbie
United Kingdom
Last seen: 9 years 37 weeks ago
United Kingdom
Joined: 2012-11-22
Posts: 1
Points: 2

I am having trouble changing the width of a HTML text box widget that I have on the homepage of a WordPress site. The box in question is the one that is titled "Welcome to Penistone FM" here.

The CSS that I have changed is as follows, the width change works in Firefox, but not in any versions of Internet Explorer. Annoyingly, the "Welcome to Penistone FM" shows on two lines in Internet Explorer too, but is all on one line in Firefox (I want it to be all on one line).

.home-top-right
{
	float:left;
	margin:0 0 0 10px;
	padding:22px 0 0;
	width:320px;
}

I am using the Firebug plugin for Firefox to confirm that I am dealing with the right part of my CSS code.

Any ideas what I can do to sort this?

I have recently taken over looking after the site so it was not designed by me. Some of the coding is a bit sloppy to say the least and I am hoping to sort it!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

First thing then you are

First thing then you are going to need to learn is how to validate the code, you need to correct the malformed markup before doing anything else the 'div' tags do not match up you have one -or more - too many closing tags - this alone may correct issues.

I would also dump the Trans DTD - it shouldn't be used - and switch to a safer and full Standards switching one <!DOCTYPE HTML>

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me