Allgemeiner Fragenthread II

[Drakes]

Das mit dem Resizen war klar ^^ war nur ne schlechte Konvention, habe Draggable von scriptaculous verwendet, was ja nicht direkt für das gedacht ist. Aber eben, ich versteh nicht wieso, dass z.B. im IE7 das div 'headMiddle' sich nicht ganz ausbreitet und somit das Hintergrundbild sich nicht genug weit 'repeated' (und das auch bei baseMiddle), oder wieso nichts im Opera erscheint, er meckert da irgend was wegen falschen Typen beim erzeugen eines Window Objekts....
(btw. gehen transparente Pngs im IE schon früher mit AlphaImageLoader)

Edit: das Problem, dass keine Fenster beim Opera auftauchen, ist von selber verschwunden, nachdem ich ein paar Sachen verändert habe und ich mehr Funktionen hinzugefügt habe. (wobei beim Bewegen das Fenster ganz nach oben geht) Aber der IE will es einfach nicht richtig machen. Oder sieht es nur bei mir falsch aus?

Edit2: Es sieht jetzt auch richtig im IE aus, und der Grund war, dass ich beim Titel eine Höhenangaben gemacht habe, wieso hatte er damit eine Problem? Wieso hat er nur deswegen die Breite nicht auf die verfügbare Breite angepasst?

[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