Willkommen in der Webstatt Zum Webstatt Blog und Stories
Sould am 03.10.06 18:52

Hallo,
ich arbeite gerade an einer neuen homepage und habe nun ein kleineres oder vlt. doch ein etwas größeres Problem... ich versuche das mal hier irgendwie zu beschreiben:

Es geht zuerst einmal um die Seite: http://www.green-host.de/index.php

Die Index.php sieht im IE7 und Firefox so aus wie sie aussehen soll, nur im IE6 das ja auch einige User haben ist die rechte Navigation nach vorne geschoben und das macht mir einfach bauchschmerzen...

Hier mal ein screen, für die keinen IE6 mehr haben:
http://www.green-host.de/s1.jpg
http://www.green-host.de/s2.jpg

Den Style selbst habe ich mit css aufgebaut....
Der Code ist nicht ganz sauber... das weiss ich selbst... aber vlt. kann mir ja ja doch jemand helfen....

Ich hänge euch mal die index.php und die style.css als .txt an das ihr da vlt. ein besseren überblick habt....

Wäre euch wirklich super dankbar für euere Hilfe!
Grüße
Sould

netcup.de Warum gibt es hier Werbung?
crooked am 03.10.06 19:29

wenn die navi doch rechts ist, warum floatest du denn dann links?
versuch mal
float:right;

Wasili am 03.10.06 19:51

Ich frag mich warum du überhaupt ein float hast oO

Nach dem Div für Navigation kommt gar kein weiteres Element, dass "gefloatet" werden kann... Oo

Mal so zum MarkUp:
ID's sind eindeutige Werte. Mehrere male "id='menu'" zu gebrauchen ist deshalb unzulässig und oben drauf noch unlogisch (IDentifier... Was was soll identifiziert werden, wenn menu mehrdeutig ist...?) class ist da besser aufgehoben.

Dann: Eine Navigation gehört in eine Liste... Wurde mir auch ein paar mal eingebläugt. Eigentlich auch logisch... Eine Liste von Links.

Ebenso sehe ich, dass du lieber mit <br> Absätze machst... Warum nicht mit <p> umgeben? Damits wirklich ein Absatz ist?

Das Problem kannst du einfach über Conditinal Comments lösen... ein Extra Stylesheet fürn IE in dem du die Angaben für diese Navigationsfläche einfach anpassen tust ;)

// Falls es dich intressiert: Swift und Opera zeigen dasselbe wie Firefox.

Sould am 03.10.06 19:58

Ich bin doch noch neu auf der schiene....
Und gerade überfordert du mich total ~löl~

Ich habe die float nun auf right gesetzt, ohne erfolg....
Also kann ich den float komplett raus nehmen oder wie ?

Und wie mache ich das mit dem class ????
Und das nun mit de Liste bekomme ich nicht hin... dann lass ich es lieber so im css...
wenn die navi im IE6 richtig steht bin ich ja schon zufrieden....

Conditinal Comments lösen
sagt mir echt nix....

Wenn ich float weg nehme... da ist die navi ganz weg....

JoSh am 03.10.06 20:16

Quote
Original von Sould
Conditinal Comments lösen
sagt mir echt nix....


das hier zb in deine index.php:

<!--[if IE 6]>
<style type="text/css">@import url(stylesheetIE6.css);</style>
<![endif]-->

Das besagt das wenn es sich um den Browser IE version 6 handelt, ein alternatives stylesheet zusätzlich geladen wird, wo du für die navi box andre Angaben machen kannst.

Funktioniert übrigens nur mit dem IE.

Dazu mal ein paar Links:

Browserweichen für den IE mittels Conditional Comments (Dr. Web)
Google, dein Freund und Helfer =)

/edit: Irgendwie sieht die verschobene Box im IE interessant aus :p

Sould am 03.10.06 20:20

Das heisst ja auch, das ich eine ganz neue style.css machen muss... die dann für den IE6 angepasst ist oder ?
Und das kann ich ja halt nicht :(

Wasili am 03.10.06 20:20

Okay, okay... Wolllte es nur gesagt haben :O

Zu diesen IE-Kommentaren:
http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative

Damit solltest du dein Problem lösen können... ;)
Ich würde dir vorschlagen, alle Versionen bis IE 6 abzudecken ([if lt IE 7]).
Du kannst damit die Position der Navigation verschieben ;)
Ohne die anderen Browsern zu beeinflussen...

Aber ob das die optimale Lösung is... ka ^^"

EDIT:

Grrr.... Schneller =/

EDIT2:
Nein. Nur eine zweite CSS-Datei, in der du die vorigen ANgaben überschreibst. Also z.B. nur *genau diese*.

JoSh am 03.10.06 20:21

Quote
Original von Sould
Das heisst ja auch, das ich eine ganz neue style.css machen muss... die dann für den IE6 angepasst ist oder ?
Und das kann ich ja halt nicht :(


Nein, bloß nur die Angaben "neu definieren" die das verursachen.

Sould am 03.10.06 20:26

Und wie definiere ich die richtig?
~steinigt mich~

Michael Michael am 04.10.06 13:05

Hmm ich habe leider gerade keine Zeit es wirklich auszuprobieren, vielleicht heute abend. Aber probiere doch einfach mal verschiedene Werte für padding-left und margin-left des Navigationscontainer aus. Wenn es irgendwann passt schreibst du die Dekleration in eine neue CSS Datei und bindest die ZUSÄTZLICH und NACH der allgemein ein.

Sould am 04.10.06 21:13

Ich probiere es mal, glaube aber kaum das ich da erfolg haben werde.... :(

Sould am 04.10.06 21:44

Es scheint wirklich zu klappen :)
Wenn ich mit den Wert auf -160 gehe... rückt er zumindest schonmal etwas weiter nach rechts.. ich probier es mal weiter aus :)

Edit: Also ich habe das jetzt mit dieser:

<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE 6]>
<style type="text/css">@import url(IEstyle.css);</style>
<![endif]-->

Lösung gemacht... habe die IEstyle.css angepasst und es funzt soweit nun auch alles...
Kann mir vlt. noch nun jemand erklären wie ich das sauber mit der class lösung machen ???
Das ich den index code bissle sauberer hinbekomme als er jetzt ist

Sould am 04.10.06 22:36

Zeigt Opera das nicht genauso an wie Firefox ????
Weil in Opera ist die navi jetzt anscheinend zu weit rechts...

edit: hat sich erledigt... chache musste nur gelöscht werden, jetzt gehts auch in OP

Aber mit der Index wäre net schlecht wenn mir da einer helfen könnte

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt