/    Sign up×
Community /Pin to ProfileBookmark

I hate IE

Copy linkTweet thisAlerts:
Jun 20.2008

[url]http://nexusoftheinternet.com/[/url]

My site’s menu looks fine in Firefox but in IE the menu is screwed up and not aligned. Why is this?

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@Jamina1Jun 20.2008 — It may be because you are styling the pseudo-elements and thus it is ignoring the width.

Attempt this:

[CODE]<div class="left">

<a href="forum/index.php" target="_blank" class='boxlink'>Forum</a>

<a href="blog.htm" class='boxlink'>Blog</a>

<a href="contact.htm" class='boxlink'>Contact</a>

<a href="http://www.youtube.com/nexusoftheinternet" target="_blank" class='boxlink'>Youtube</a>

</div>
[/CODE]

and add this to your css:

[CODE]
.boxlink {
width: 65px;
}[/CODE]
Copy linkTweet thisAlerts:
@bobaljauthorJun 20.2008 — That still didn't do the trick. The youtube link is still sticking out.
Copy linkTweet thisAlerts:
@bobaljauthorJun 21.2008 — http://www.w3.org/QA/Tips/Doctype[/QUOTE]

Ah thanks, that fixed it. But now in Firefox my header and footer do not show up because they're ignoring the declaration for them to be white.
Copy linkTweet thisAlerts:
@FangJun 21.2008 — Validate css and html
Copy linkTweet thisAlerts:
@WebJoelJun 23.2008 — Easier & semantic if instead of:<div class="left">

<a href="forum/index.php" target="_blank" class='boxlink'>Forum</a>

<a href="blog.htm" class='boxlink'>Blog</a>

<a href="contact.htm" class='boxlink'>Contact</a>

<a href="http://www.youtube.com/nexusoftheinternet" target="_blank" class='boxlink'>Youtube</a>

</div>[/QUOTE] you would do this:<style>

.left {....}

.left li a {style for "boxlink" here....}

</style>[/quote]and
<ul class="left">

<li><a href="forum/index.php" target="_blank">Forum</a></li>

<li><a href="blog.htm">Blog</a></li>

<li><a href="contact.htm"'>Contact</a></li>

<li><a href="http://www.youtube.com/nexusoftheinternet" target="_blank">Youtube</a></li>

</ul>[/QUOTE] Says the same thing and seerates your content from presentation a bit better.
×

Success!

Help @bobalj spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...