'anzeigeschwierigkeiten' und conditional comments

[azok]

hi!

so, nun bin ich gerade dabei für meine homepage ein neues design zu basteln. aber da treten leider schon ein paar 'positionstechnische' probleme auf. also, das layout sieht bis jetzt so aus http://www.djcrackman.net/usr/chopin/layout.php

Mozilla:
jeder menüeintrag ist im stylesheet mit einem border-bottom:none gekennzeichnet. es ist auch keiner dort. wenn man im mozilla die ansichtsgröße auf z.b. 200% verändert, sieht man, dass die unterseite vom menü direkt am #content aufliegt. geht man aber auf die ansichtsgröße 100% hat sich der rahmen vom #content an manchen stellen 'verdoppelt'. - wie kann ich dagegen abhilfe verschaffen?

Opera:
beim Menü wird auf der linken seite ein loch im rahmen von ca. 1px gelassen, bzw. beim menü-button 'home' ist das am rechten unteren eck der fall. - was kann ich tun, das die rahmenlinie durchgezogen wird?
außerdem ist die box 'sonstiges' um ca. 1em zu weit vom rand weg.

Internet Explorer:
 - 6 SP 1
 hier wird unter dem menü eine linie durchgezogen, die da nicht sein
 sollte. zwischen #content und dem äußeren rahmen ist ein zu großer
 abstand. der rahmen vom #content wird nicht ganz durchgezogen.
 - 5.1
 hier ist zwischen #content und dem äußeren rahmen ein zu großer
 abstand. außerdem wird der rahmen des #content unterbrochen
 dargestellt. wie kann ich außerdem mit conditional comments ein menü
 für alle anderen browser 'sichtbar' machen, aber für den IE 5.1
 ausblenden?

---
ich komm einfach nicht dahinter, wie ich diese probleme alle lösen kann... - seit stunden schon 'quälen' mich diese probleme.
ich hoffe, ihr wisst bei den beschreibungen, wie ich das meine, und was ich dagegen tun kann, und sagt es mir...

danke schon mal im voraus

lg
azok(=freak)

[nag]

Hallo,

vielleicht helfen dir
http://css.maxdesign.com.au/listamatic/horizontal11.htm
oder
http://css.maxdesign.com.au/listamatic/horizontal08.htm
oder
http://css.maxdesign.com.au/listamatic/horizontal05.htm
weiter.

mfg NAG

[azok]

hi!

danke mal für die links!

lg
azok(=freak)

[wahsaga]

hi,

wie kann ich außerdem mit conditional comments ein menü
für alle anderen browser 'sichtbar' machen, aber für den IE 5.1
ausblenden?

in dem du zunächst die css-formatierungen für "alle anderen" browser ins dokument einfügst, und anschliessend innerhalb von conditional comments diese für den IE wieder überschreibst - am einfachsten it einem visibility:hidden bzw. display:none auf den container des menüs bezogen.

gruß,
wahsaga

[Raik]

Hallo!

wie kann ich außerdem mit conditional comments ein menü für alle anderen browser 'sichtbar' machen, aber für den IE 5.1 ausblenden?
in dem du zunächst die css-formatierungen für "alle anderen" browser ins dokument einfügst, und anschliessend innerhalb von conditional comments diese für den IE wieder überschreibst - am einfachsten it einem visibility:hidden bzw. display:none auf den container des menüs bezogen.

http://www.google.de/search?sourceid=navclient&hl=de&ie=UTF-8&oe=UTF-8&q=conditional+comments
--> http://msdn.microsoft.com/library/default.asp?url=%2Fworkshop%2Fauthor%2Fdhtml%2Foverview%2Fccomment_ovw.asp
<zitat>
    The downlevel-revealed conditional comment enables you to include content in downlevel browsers.
    The conditional expression controls whether Internet Explorer 5 and later download and render
    the content. The downlevel-revealed conditional comment is the complement of the downlevel-hidden
    conditional comment.

The following snippet shows a typical downlevel-revealed conditional comment.

<![if !IE 5]>
    <p>Please upgrade to Internet Explorer version 5.</p>
    <![endif]>
</zitat>
man beachte die hier fehlenden "--" zeichen.

freundl. Grüsse aus Berlin, Raik

[wahsaga]

hi,

<![if !IE 5]>
    <p>Please upgrade to Internet Explorer version 5.</p>
    <![endif]>
</zitat>
man beachte die hier fehlenden "--" zeichen.

ja - aber man bedenke auch, dass microsoft hier selber vermutlich mal wieder nicht mitkriegt, was für einen unsinn sie auf ihren seiten schreiben.

ohne die -- ist das für andere browser kein kommentar, sondern ein fehlerhafter html-tag - kompletter unfug.

RICHTIG ist hingegen die schreibweise

<!--[if !IE 5]>
<p>Please upgrade to Internet Explorer version 5.</p>
<![endif]-->

also kommentar vor dem [if beginnen, und nach dem endif] wieder beenden.

(und so genau "funktionieren" sie auch.)

schon peinlich, dass microsoft nicht mal in der lage ist, seine eigenen proprietären features korrekt zu dokumentieren.

gruß,
wahsaga

[wahsaga]

hi,

ach so, ich merke jetzt erst beim ansehen der seite, dass microsoft damit wohl einen anderen effekt erreichen will - irgendwas mit "downlevel browsers" ...

halte ich trotzdem für schwachfug, zu diesem zweck inkorrektes html zu produzieren ...

gruß,
wahsaga

p.s.: der einzige browser, den ich als "downlevel browser" bezeichnen würde, _ist_ der IE - unabhängig davon, in welcher der (bis heute exisiterenden) versionen.

[Cyx23]

Hallo,

ach so, ich merke jetzt erst beim ansehen der seite, dass microsoft damit wohl einen anderen effekt erreichen will - irgendwas mit "downlevel browsers" ...

da steht wohl "wenn nicht IE 5", und angezeigt werden sollte es vmtl. auch bei NC4.

halte ich trotzdem für schwachfug, zu diesem zweck inkorrektes html zu produzieren ...

Hier sind Beispiele von auschließenden Conditional Comments http://www.lipfert-malik.de/webdesign/tutorial/css.html#BrowserweichenConditional, es sind natürlich grundsätzlich auch Situationen möglich bei denen z.B. im Head etwas wie --> verbleibt und u.U. ausgegeben wird, während die Weiche sonst trotzdem "funktioniert".

Grüsse

Cyx23

[Raik]

Hallo, wahsaga!

p.s.: der einzige browser, den ich als "downlevel browser" bezeichnen würde, _ist_ der IE - unabhängig davon, in welcher der (bis heute exisiterenden) versionen.

full ACK :-D

freundl. Grüsse aus Berlin, Raik