Navigation Bar Wrong in IE

@DanaldinhoFeb 25.2009

Hey, does anyone know how I can fix my menu bar on my blog, so it looks like it does in Firefox ?

~~[url]~~http://www.danielmousdell.com/blog[/url]

This is how it looks in IE and as you can see there is a gap between the links and the bottom image:

~~[img]~~http://api.browsershots.org/png/original/be/bebcb68be886464b6b769b9b37a00f9f.png[/img]

I have looked and I don’t know what code I need to add to get it to show correct in IE

Thanks alot ?

to post a comment

HTML

@FangFeb 25.2009 — #The <hr> has problems in IE, replace it with:

 &lt;div style="clear:both;"&gt;&lt;/div&gt;

@DanaldinhoauthorFeb 25.2009 — #The <hr> has problems in IE, replace it with:

 &lt;div style="clear:both;"&gt;&lt;/div&gt;

[/QUOTE]

Hey Fang,

I did that and now that bottom image doesn't show in Firefox

@WebJoelFeb 26.2009 — #There does not seem to be a [I]system identifier[/I] in your !doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" [B]"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"[/B]>[/QUOTE] [B]This part[/B] (in this example.) ?

Might not solve the problem, but is a first best step.

@DanaldinhoauthorFeb 26.2009 — #Thanks Joel

Also it didn't solve the problem so does anyone know?

Thanks ?

@DanaldinhoauthorFeb 26.2009 — #Ok, I have progressed a bit with this.

I changed the:

<div style="clear:both;"></div>

to this:

<div class="hr"><hr /></div>

Then in my css, I put this:

div.hr {
 background: url('images/break.png') repeat-x;
 height: 1em;
 margin: 1em 0;
 border-bottom: 2px solid #333;
 }
 
 div.hr hr {
 display: none;
 }

Now the good thing is that it shows, but if you go to: http://www.danielmousdell.com/blog/

It shows at the top under the search and title bar ?

Does anyone know how I can get it back to where it was in the first place in Firefox? But showing in IE

Thanks alot ?

Navigation Bar Wrong in IE

5 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Navigation Bar Wrong in IE

5 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #HTML _↴