Welcome to WebmasterWorld Guest from 54.146.194.42

Forum Moderators: incrediBILL

Message Too Old, No Replies

Small Html problem

IE leaves a gap firefox doesn't?

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

Junior Member

10+ Year Member

joined:Jan 23, 2004
posts:81
votes: 0


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]

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 22, 2002
posts:2546
votes: 0


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 :)

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

Junior Member

10+ Year Member

joined:Jan 23, 2004
posts:81
votes: 0


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.
8:06 pm on Jan 9, 2005 (gmt 0)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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.

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 6, 2004
posts:2239
votes: 0


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

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 6, 2003
posts:661
votes: 0


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.
3:26 pm on Jan 10, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 3, 2005
posts:14
votes: 0


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...
6:11 pm on Jan 10, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 6, 2003
posts:661
votes: 0


Better still if they're in different paragraphs, is to control the width between them by means of CSS.
12:52 am on Jan 11, 2005 (gmt 0)

New User

10+ Year Member

joined:Dec 1, 2004
posts:16
votes: 0


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

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

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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