|
|||
Meine ersten Gehversuche - brauche noch ein bisschen Hilfe
Hallo zusammen!
Dies ist mein erster Post hier, bislang habe ich immer nur heimlich mitgelesen Jetzt habe ich mich auch endlich mal an meine erste eigene Seite gewagt, die komplett auf Tabellen verzichtet und mit XHTML umgesetzt wurde. Das Seitentemplate steht soweit, aber wie immer steckt der Teufel im Detail. Ich hoffe, dass ich die Probleme mit eurer Hilfe noch schnell lösen kann, denn ich habe meinen Vater den Relaunch noch diese Woche versprochen *dummerfehler* Vor allem meine Navigation macht mir noch ein bisschen Bauchschmerzen. Vielleicht könnt ihr mir dabei helfen? Hier erst mal der Link: http://www.steinhueser.de/relaunch/template.html Jetzt zu meinen Problemen: Da das meine ersten Gehversuche sind, befindet sich in dem Stylesheet noch viel "Probiererei", da gibt es sicher noch ne Menge Optimierungsbedarf. Mein Hauptproblem ist aber die Navigation. Ich wollte eigentlich erreichen, dass die Aufklappbox automatisch immer so breit ist, wie der längste Untermenüeintrag an Platz benötigt. Das habe ich mit width: 100% aber nicht hingekriegt und mich irgendwann (damit es dann überhaupt funktionierte) so hingewurschtelt, wie es jetzt ist. Guckt man sich die Seite mit nem Firefox oder Netscape 7 an, sieht auch alles aus wie gewünscht. Im IE 6 sieht das aber schon anders aus: Der rechte Rand wird gesetzt, wenn das Wort zu Ende ist und nicht, wenn der Kasten am Ende ist. Außerdem wird das Hintergrundbild nicht überall bis auf die volle Kastenbreite verlängert (siehe Untermenü Kontakt). Ich habe die Seite jetzt in IE6, NS7.1, FF1.0.x, Opera 7.5 (alles PC) und Safari angesehen, bis auf Kollege Explorer ist die Darstellung überall annehmbar einheitlich. Mich würde vor allem noch die Darstellung im IE5 PC/MAC interessieren. Konquer dürfte eigentlich auch keine Sorgen machen... Die Navigation ist relativ unflexibel, was das verändern der Schriftgröße im Browser angeht. Kann man da wohl noch was machen? Auf die genaue Ausrichtung bis an den Seitenrand würde ich nur ungerne verzichten. Außerdem ist ebenfalls im IE irgendwo eine Differenz von 1 Pixel, da das Hintergrundbild (das den rechten grauen Kasten bis Seitenende und den Schatten links und rechts erzeugt) im IE nicht ganz genau die weißen Außenlinien verlängert. Ist mir eigentlich relativ egal, aber wenn jemand spontan weiß, woran das liegt, würd ich es natürlich anpassen. So, das wars eigentlich auch schon... Ich würde mich sehr über eure Hilfe bei dem Menü und über generelle Anregungen, Vorschläge und Kritik freuen!! |
Sponsored Links |
|
||||
Du solltest auch nicht vergessen, BODY eine feste Hintergrundfarbe zu geben - sie ist nicht immer überall weiß
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||||
Re: Meine ersten Gehversuche - brauche noch ein bisschen Hil
Erstmal vielen Dank für die Antworten!
Zitat:
Zitat:
Zitat:
Hintergrundfarbe habe ich wieder "entkommentiert", danke für den Hinweis! Edit: Bei den Menüs habe ich übrigens auch mal ausprobiert, eine absolute width-Angabe per style-Anweisung direkt im a-Tag einzufügen. Das klappt dann zwar auch im IE mit dem Auffüllen der Box, die Boxen sind dann aber ca. 30 Pixel breiter als angegeben?? |
|
|||
Hi!
Großes Lob, coole Seite! Wenn ich an meine ersten Versuche zurück denke und die damit vergleiche... Du solltest die Header Grafik auch per CSS einbinden. und sowas Code:
<p id="Abstand"></p> Was mir nicht so gefällt, ist der Hover Effekt: Rot auf dunklem Grau ist schwer zu erkennen. Vielleicht würde das helle Grau des aktiven Menüpunkts besser passen... |
|
|||
Zitat:
Der <p id="Abstand"> ist doch mit CSS gemacht? Verstehe nicht ganz, was du meinst... Das Leerzeichen dadrin ist nicht für die Höhe, sondern nur damit der Tag nicht leer ist. Ist das so nicht richtig? Jo, und mit dem dunklen Grau hast du recht... ich wollte es eigentlich noch mit ner anderen, silberneren (?) Hintergrundgrafik mit Metalllook versuchen. @legman: Vielen Dank für den Screenshot... Komisch, mit meinem Opera 7.54u2 sieht alles richtig aus, bis auf eine Kleinigkeit: Dem unteren Eintrag im Aufklappmenü von Kontakt fehlt in diesem Browser mal ne Ecke, mal wird die Hintergrundgrafik nicht ganz aufgefüllt, manchmal wirds normal angezeigt, manchmal bleiben Bruchstücke auch nach dem MouseOut noch sichtbar... siehe Screenshot. Bei allen anderen Untermenüs funzt es ganz normal. Ich habe irgendwie den Eindruck, dass das ein browserspezifisches Problem ist, dass man auch mit nem Hack nicht lösen kann? Hast du vielleicht auch eine Idee, woran die zerrissene Darstellung in Opera8 liegen kann? |
|
|||
Ach, das mit der Navigation hab ich jetzt übrigens Quick ´n Dirty hingekriegt. Einfach per style direkt im a-Tag des Untermenüs die absolute Breite rein, dann machen alle Browser das gleiche und das Untermenü sieht aus, wie bei dem Punkt Infoabruf. Die 30 Pixel zuviel kamen von nem vererbten Margin, war einfach nur schon zu spät, das zu merken
Aber das ist eigentlich nicht das, was ich will. Wenn ein neuer Menüeintrag dazu kommt oder einer wegfällt, muss ich die Breite neu ausmessen und dann alle Punkte anpassen. Nicht, dass das häufig der Fall wäre... Aber schöner fände ich es, wenn sich die Punkte automatisch an dem breitesten Eintrag im Menü orientieren und sich dementsprechend breit aufziehen würden. Schon alleine wegen Schriftgrößenveränderungen... Kann mir dabei jemand helfen und mir sagen, wie ich das konkret hinkriege? |
|
|||
Zitat:
Zitat:
|
|
||||
Ändere das mal:
Code:
background-color: #FFFFFF; background: url(../img/shared/schatten.gif) center repeat-y; Code:
background: #fff url(../img/shared/schatten.gif) center repeat-y;
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||
Zitat:
Da das Bild keine wirklichen Informationen liefert (ein Logo) hat es streng genommen nichts im HTML Code zu suchen und sollte mittels CSS - background: url(...); - eingebunden werden. Zitat:
Noch ein Verbesserungsvorschlag: wenn die letzte Zeile vom Contentbereich erreicht ist, endet dort auch die Seite. Ich finde es eleganter, wenn unter der letzten Zeile noch eine leere Zeile ist (margin-bottom: 1em oder padding-bottom: 1em) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche Hilfe bei der Tastatur | chriskoller | Offtopic | 4 | 17.09.2013 21:37 |
Navigation - Brauche Hilfe | dctrjns | CSS | 7 | 16.02.2013 15:28 |
Brauche hilfe zu vhost.conf bei einem Apache debian vServer | onkel-tom | Serveradministration und serverseitige Scripte | 5 | 16.11.2008 13:42 |
HILFE, ich brauche Hilfe von Profis! | frambuesa | CSS | 13 | 13.06.2008 23:46 |
Brauche HILFE bei CSS:ebay seite erstellen! BRAUCHE MUSTER | beavis-2005 | CSS | 2 | 23.11.2005 19:22 |