Blank line problem

dartiss · August 6th, 2007, 03:09 PM

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 · August 6th, 2007, 03:12 PM

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

Code:

<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 · August 6th, 2007, 03:20 PM

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 · August 6th, 2007, 03:37 PM

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

dartiss · August 6th, 2007, 03:39 PM

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 · August 6th, 2007, 03:40 PM

Did you try adding margin-bottom

Code:

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

dartiss · August 6th, 2007, 03:44 PM

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 · August 6th, 2007, 03:48 PM

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 · August 6th, 2007, 05:28 PM

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..