Allgemeiner Fragenthread II

[Mugen]

Ich meine damit eher, dass der Navi-Bereich sich um ca. 1-2 Pixel vom Content-Bereich entfernt. Seht euch das Ganze einfach mal mit dem IE an.

Mit dem Code würde es funzen, wäre laut Validator aber invalide:

HTML-Code:

<img src="images/content_top.png" alt="" width="711" height="10" border="0" align="absbottom" />

(Hab' den Code derzeit nur bei meiner anderen Seite geändert. Daher nicht über die Breite von 711 Pixeln wundern.)

Trotzdem danke. Werd' mir dafür jetzt keinen invaliden Code einheimsen, sollen die Nutzer doch Firefox/Opera nutzen. oo
Mir fiele nämlich nun keine andere Möglichkeit mehr ein.

[Drakes]

Und was genau daran müsstest du einfügen?
Weil du kannst ja auch im CSS

Code:

img { border: 0; }

einfügen.

[Mugen]

HTML-Code:

align="absbottom"

Das ist laut Validator aber unvalide und dein Vorschlag funktioniert nicht.

[Drakes]

Ach so, du redest vom IE-Bilder Bug. Das Problem sollte mit display: block; behoben sein, wobei du sie dann floaten müsstest.

[kris]

Firefox < v3 macht das da:

http://browsershots.org/png/original...3a33f140cd.png

Edit: die Adresse der Seite ist: http://www.juz-bul.de/index.php?var=opp

In allen anderen Browsern sieht die Navigation gut aus. Warum? oO
Ich komm da echt nicht weiter. Hab alles versucht. Liegt das am float?
Das sollen ja einige Browser rumzicken...

HTML

HTML-Code:

<ul id="sidebar">									
<li><a href="index.php?content=content/news">Neuigkeiten</a></li>
<li><a href="index.php?content=content/events">Programm</a></li>
<li><a href="http://picasaweb.google.com/juzbul">Bildergalerie</a></li>
<li><a href="index.php?content=content/newsletter">Newsletter</a></li>
<li><a href="index.php?content=content/about">Über das Juz</a></li>
<li><a href="index.php?content=content/contact">Kontakt</a></li>
<li><a href="index.php?content=content/guestbook">Gästebuch</a></li>
<li><a href="forum">Forum</a></li>
</ul>

CSS

HTML-Code:

ul#sidebar {
		margin: 0px;
		padding:0px;
		list-style-type: none;
		margin-top:2px;
}

ul#sidebar li a:hover {
		background-color: f72622;
}

ul#sidebar li a {
		background-image:url('img/star.gif');
		background-repeat:no-repeat;
		background-position:center left;
		font-family:Verdana;
		font-weight:regular;
		font-size:9pt;
		padding:3px;
		padding-left:16px;
		float:left;		
		clear:both;
		width: 94px;
		color: #000000;
		background-color: #ffffff;
		text-decoration: none;
		border-bottom:solid 1px #000000;
		filter:alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
		
}

[Drakes]

Mich wundert schon ein bischen, wieso du geradie die Links floatest. O.o
Die sind ja sowieso inline-Elemente, und wenn du willst das sie am Text vorbei gehen, könntest du nicht einfach die sidebar floaten?

[mitaki]

Standardkonformes Design ist immer problematisch, wenn man nicht in einem der standardkonformen Modi arbeitet (fehlender Doctype!).

Ältere Browser, nicht nur der Firefox haben schon so ihre Probleme mit float und Positionierung, aber als trost kann man sagen, dass Firefox 2 noch dieses jahr sein Lebensende erreicht und die meisten benutzer schnell aktualisieren.

[Xardas der Dunkle]

Ältere Browser, nicht nur der Firefox haben schon so ihre Probleme mit float und Positionierung, aber als trost kann man sagen, dass Firefox 2 noch dieses jahr sein Lebensende erreicht und die meisten benutzer schnell aktualisieren.

...

Bezweifle ich, es gibt immer noch Leute die Firefox 1.5 benutzen, zudem geht nicht nur mir der Firefox 3 mit seinen ständigen abstürzen auf den Sack, ich bin manchmal kurz davor wieder auf den 2er umzusteigen ...

Und leider gibt es noch mehr die noch den IE 6 benutzen