Html Editor 2008 Created Text -...

User 487322 Photo


Registered User
19 posts

Any Tips or Advice please:

Site built with html editor 2008 - page - www.bookmykennels.com/kennels/aberdeen.html
(+ all county titles and some text blocks
Problem - Firefox lowers text created in visual editor about 10 px compared with Internet Explorer, even though page validates.
User 355448 Photo


Ambassador
3,144 posts

Steve,

What is the correct URL? The one you posted shows up as 404 file not found.

IE tends to mess up the "box model" and there are many pages on the internet telling you how to fix that. http://www.w3.org/TR/CSS2/box.html is the standard, and show how the box should be treated. An even better graphic can be found at http://www.brainjar.com/css/positioning/

IE handles things differently than the rest of the browsers, resulting in things showing up in different locations.

User 463058 Photo


Ambassador
1,073 posts

Browsers also use varying values for the text's top and bottom padding and margins as well as for line-height. Try some "reset" styling for your page:

http://meyerweb.com/eric/thoughts/2007/ … -reloaded/

The above link has css you can place at the top of your style sheet. Follow that with your own styling. Line-heights and spacing should be more consistent from one browser to the next.
User 487322 Photo


Registered User
19 posts

User 487322 Photo


Registered User
19 posts

sorry forgot the .com, must wake up!
http://bookmykennels.com/kennels/Aberdeen.html
User 37670 Photo


Registered User
2,138 posts

I had a look at your web page. Did you know that on a large size monitor the "book" is repeated to the right of the screen and under it? There is code you can use to help stop your background image from repeating.

Your code:
background-image: url(../images/template.jpg);


Code to stop the background image from repeating:
background-image: url(../images/template.jpg);background-repeat: no-repeat;


There still might be a thing or 2 to do after that, depending on what the page looks like after that change. Don't forget to back up your files before trying this, just to be sure that you can undo any changes.

There might be a more straight forward setting in Visual mode, if that's what you are using. Check the help file to see if there is an easier (less coding) way to do this.

E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.