Welcome to WebmasterWorld Guest from 54.226.27.104

Forum Moderators: incrediBILL

Message Too Old, No Replies

Small Html problem

IE leaves a gap firefox doesn't?

     

zootreeves

6:04 pm on Jan 9, 2005 (gmt 0)

10+ Year Member



There's this problem with a couple of my pages that has been bugging me for a while now. On the homepage IE leaves a gap between the buttons and the search box, i don't want a gap! If you view the same page in firefox it renders it how i won't.

Can anyone please point out what i'm doing wrong!

<Sorry, no example URLs. See TOS [webmasterworld.com]>

[edited by: tedster at 8:00 pm (utc) on Jan. 9, 2005]

Birdman

6:09 pm on Jan 9, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Sounds like the line break problem to me.

Go into your HTML and remove any line breaks between the two elements that are improperly spaced.

EXAMPLE:

<input type="text" />
<input type="button" />

Change it to:

<input type="text" /><input type="button" />

And all should be well :)

zootreeves

6:30 pm on Jan 9, 2005 (gmt 0)

10+ Year Member



Thanks but I don't mean the space between the text box and the sarch button, i meant the horizontal gap below the web, images... buttons.

tedster

8:06 pm on Jan 9, 2005 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Have you put your mark-up through the W3C HTML Validator [validator.w3.org]?

That's the place to start debugging any rendering problem. Only if you know your code is well-formed can you hope to fix cross-browser issues.

createErrorMsg

9:41 pm on Jan 9, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Only if you know your code is well-formed can you hope to fix cross-browser issues.

And only if you actually show us the code can we help you find any problems in it. Try snipping out the relevant part of your html code (and the relevent parts of your CSS, if you have any) and post those here for us to see.

cEM

TheDoctor

1:38 pm on Jan 10, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



And also explain the business problem(s) caused if visitors see a gap between the text and the search button. This would help sort out a relevant solution for you.

smoky

3:26 pm on Jan 10, 2005 (gmt 0)

10+ Year Member



You havent used some <p> tags have you? I had a problem where firefox uses a bigger gap than IE.... If so just take them out...

TheDoctor

6:11 pm on Jan 10, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Better still if they're in different paragraphs, is to control the width between them by means of CSS.

the_nexus

12:52 am on Jan 11, 2005 (gmt 0)

10+ Year Member



SImple css issue, you need to be specific for things to work properly all the time - proper coding.

You will need to set your margins and padding for everything, be spercific and it will work fine.

Dont want spacing - make sure padding is 0

tedster

2:32 am on Jan 11, 2005 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Also, make sure you've addressed any quirks mode/standards mode [webmasterworld.com] issues. This can create unwanted gaps below images on some browsers.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month