Blank line problem

dartiss · #1 Aug 6th, 2007, 19:09

I'm having a frustrating time with a bit of CSS trouble!

Here is what I'm working on...
http://www.artisswebdesign.co.uk/test/

Between the menu and the top advert there is a blank line. Unfortunately, it only appears in IE, and not Firefox. For the life of me, I can't get a blank line to appear consistently, and I don't know the cause either.

Any assistance with this would be greatly appreciated.

David.

Lchad · #2 Aug 6th, 2007, 19:12

You have a <br/> which I highlighted below in red. Take that out and see if it gets rid of the space.

Code: Select all

<div class="sub">

<span><a href="index.php" class="menu">Home</a></span>
<span><a href="about.php" class="menu">About</a></span>
<span><a href="download.php" class="menu">Downloads</a></span>
<span><a href="instructions.php" class="menu">Instructions</a></span>
<span><a href="support.php" class="menu_end">Support</a></span>

</div><br/>
<div class="center">

dartiss · #3 Aug 6th, 2007, 19:20

I put that there on purpose

It's creating the blank line in IE, which is what I want. I was just expecting Firefox to do the same thing.

Instead of the BR I've tried using padding/margins/etc on the DIV's but that's had the same effect - no blank line in Firefox.

David.

Lchad · #4 Aug 6th, 2007, 19:37

My apologies, I thought you wanted the space deleted. Let me go have a look at the code..

dartiss · #5 Aug 6th, 2007, 19:39

Quote:

Originally Posted by Lchad

Let me go have a look at the code..

If you find the fault, you will be a star beyond belief. It's been driving me mad for days!!!

David.

Lchad · #6 Aug 6th, 2007, 19:40

Did you try adding margin-bottom

Code: Select all

.sub        
            {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    margin-bottom: 20px;
}

dartiss · #7 Aug 6th, 2007, 19:44

That worked!

You know, I'm sure I've tried that before. I suspect I must have tried it before I fixed something else, and not since.

Doh!

Well, as I said you are a true star. Thank you.

David.

dartiss · #8 Aug 6th, 2007, 19:48

No, apologies. It's not fixed.

The link I provided before now have the <BR> removed and the padding you suggested put into place. Still doesn't work with Firefox.

David.

Lchad · #9 Aug 6th, 2007, 21:28

Well that stinks...
It is "better" though. Before there wasn't a bit of light blue showing, now there is a slight bit. Should you try margin-bottom: 50px;?

You could also add to .center
margin-top: 20px;

Let me know..

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Have a major problem with Text Line-Height	vidoewebmastery	Web Page Design	2	Mar 24th, 2008 20:15
Fwrite with new line break problem?	meth8200	PHP Forum	2	Feb 4th, 2008 15:23
Swf is blank?	spires	Flash & Multimedia Forum	3	Jul 21st, 2007 22:36
problem running php from the command line	edwarrj1	PHP Forum	2	Dec 5th, 2006 18:06
Problem with IE , Firefox displays website fine (blank space issue)	eksquall	Web Page Design	6	Jul 29th, 2006 17:52

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Blank line problem