so, auch ich hab meine Seite noch mal neu gemacht und diemal auch ganz ohne tabellen.

leider stoße ich wie rieke auf die ersten hürden. auch ich habe darstellungsproblem beim ie.

das ganze findet ihr hier: http://www.z3To.de/css.php

beim menü zeigt der ie nichts beim drüber gehen an.
firefox und opera zeigens ohne probleme an


auch zeigt der ie das banner nicht richtig an und der opera macht zwischen h1 und h2 zu große abbstände.

außerdem habe ich noch das problem, dass der auf meinem rechner nicht mit css definierte hintergrund-bilder anzeigt. bei meinem webspace, wie ihr seht, schon. woran kann das liegen?

wenn ihr weiterhin noch mehr sachen im quellcode findet, die nicht so schick sind, bitte auch posten.

Der IE kennt :hover nur für <a href="...">...</a>-Tags.

---
Weaverslave

nun, das sollte allerdings kein problem sein, da du ja einfach für den link im menubereich ein höheren padding-wert angeben kannst...

wegen dem banner... das ist ganz logich, denn ein größerer padding-wert verändert bei einem bild nunmal nichts... mit margin-klappt es... oder du gibst der id banner den gewünschten padding-wert..

wegen dem h1/h2 abstands-problem.. versuche mal bei beiden padding-top, padding-bottom und margin-top und margin-bottom zu definieren... dann haut es eigentlich immer hin...

warum das bei dir mit den css-hintergrundbildern niht funktioniert.. gute frage...

wegen dem quellcode..

-doctype fehlt
-manchmal nerven die dopelten zeilenumbrüche... das finde ich eigentlich übertrieben...
-" <div style="padding-left: 10px;">" -finde ich nicht sehr sinnvoll.. dann definiere das leiber in der css-datei..
-ein <a um ein <li herum? ich glaube nicht, das das konform ist.. mach den link lieber zwischen <li das ist 100% richtig..
-jedem link ein class-angabe macht auch nicht viel sinn.. -probier doch lieber ... das gleiche gild für menu... also
-title="z3To.de ~ Files" -das "z3To.de ~" kann man eigentlich weglassen bringt nichts...
-id="container" das macht irgendwie nicht so sinn.. dann vielleicht eher id="content" oder id="content_container" oder so...

mfg
nisita

edit:sieht irgendwie nicht so toll aus mit dem kleinen rand links.. das wirkt dann irgendwie "schief".. also dann doch leiber zentriert, oder gleich ganz links mit dem kleinen rand...

edit2: sieht übrigens sehr schick aus.. meine meinung..

---
"Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi

bLub schrieb am 04.03.2005 14:24 wenn ihr weiterhin noch mehr sachen im quellcode findet, die nicht so schick sind, bitte auch posten.

Du solltest mal einen Doctype und Zeichensatz angeben und das Dokument dem Validator füttern. Wenn man es gegen die HTML 4.01 Transitional DTD validieren möchte, kommen schon etliche Fehler bei raus, die in erster Linie aus deiner seltsamen Listen-Verschachtelung und aus mehrfach vergebenen IDs resultieren. Beschäftige dich also am besten nochmal grundlegend mit (X)HTML, schreibe dann die Seite nochmal neu, und dann kann man sich auch auf das CSS konzentrieren.

---
wer hilft mir beim geschirr spülen?

Ok, erstmal vielen Dank.

Hab die Seite schon mal ein wenig von den Fehlern beseitigt.

Allerdings beschwert er sich immer noch beim Doctype. Ich habe davon auch nicht sonderlich viel Ahnung, hab einfach nur bei http://www.w3schools.com/tags/tag_doctype.asp geguckt und mir den rausgesucht, den ich für passend hielt.


Dann das mit dem <a um das <li. Wenn ich das allerdings tausche und man dann über die Felder geht, sind die dann zwar auf "hover", dann muss man allerdings erst noch auf den Link klicken. Ich wollte halt eigentlich, dass ganze Felder ankickbar sind.

Ach ja, das mit dem linken Abstand beim Menü. Erst hatte ich den auch auf Null. Allerdings sind dann wenn man über das Feld "Home" geht, an der linken Seite zwei Linien. Einmal halt vom Feld und dann von dem <div. Hab es auch schon mit "padding-left: -1px" versucht, nur eine Linie zu haben, geht aber nicht. Mit zentriert finde ich, sieht es nicht so gut aus.

Deine Lösung zu dem Internet Explorer hab ich allerdings nicht ganz verstanden, nisita. Soll ich einfach dem Link bei Hover einen Padding-Wert geben?

Auf jedenfall noch mal Danke, ich erkenn jetzt erst, wie man mit CSS alles viel kürzer machen kann

hej..

> Allerdings beschwert er sich immer noch beim Doctype
was sagt er denn??? versuche es am besten am anfang mit dem XHTML Transitional, später geht man dann meistens noch zur strict variante über..

wegen dem <a und <li ... deswegen solltest du ja für a den padding-wert erhöhen, denn dann würde nicht nur der text ein link sein, sondern auch der "rand" drum herum... bzw. der hintergrund...
wie du das machst? ganz einfach:


das musst du natürlich so anpassen, dass es genauso groß ist, wie die menuhinterrundlinie... und der broder sollte dann auch für #bar a und nicht für #bar li angegeben werden..

du hast das falsch verstanden, bzw. ich meinte was anderes.. ich meinte die ganze seite, die mir zu "links" steht.. das menu ist eigentlich so ok...
falls du trotzdem das ganze menu "dort" links haben willst...





achja, was mir noch aufgefallen ist...
-wenn du für #bar ein padding-left von 15px angibst, mußt du auch wdith um 15px veringern... ansonsten gibt es da ein paar darstellungsprobleme...
-schreibe alles klein..
-du solltest nicht jeden "normalen" link eine "normal" class geben.. gib lieber das, was du dort angegeben hast, allgemein für alle links an, und ändere nur die für das menu...
-du solltest vielleicht ein div einfpügen, was die komplette seite "umrahmt"... dadurch brauchst du nicht immer die breite etc bei jedem hauptelement "neueinstellen"... das vereinfacht es auch, einfach mal die seite von recht nach links bzw. zentriert darzustellen... und spaart natürlich nützliche bytes...

mfg
nisita

PS:ich hoffe mal so manche "webagenturen" sehen die möglichkeiten von css auch endlich.. und die ie7 entwickler sollten auch mal nen großes auge drauf werfen...

---
"Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi

hiho

The detected DOCTYPE Declaration "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">" has been suppressed and the DOCTYPE for "HTML 4.01 Transitional" inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE.

sagt er...

danke, für den tipp. hab das mit dem padding beim link gemacht.
nur der ie macht mal wieder nicht mit. padding-rechts-links macht er, oben-unten nicht :(

auch das beim banner geht im ie nicht. hab padding und margin auf null gesetzt, aber er macht trotzdem unten eine rand.

internet explorer

habs mir gerade nochmal angeschaut..

wegen dem banner... das liegt an den leerzeichen / zeilenumrüchen nach / vor dem bild.. wenn die weg sind, geht es einwandfrei...

wegen dem menu..
füge noch ein
padding-top: 5px;
padding-bottom: 5px;
bei #bar li ein, dann klappt es.. allerdings mußt du noch den margin-top wert bei li auf 0 verkleinern...

zum doctype.. habe es gerade probiert, und der validiator sagt doch, das alles ok ist.. nichtmal ein fehler... supi...

so, dann noch eine schöne nacht..
mfg
nisita

PS:du solltest dir mal einen ordentlichen syntax anlegen.. vorallem bei der css-datei... manchmal 2 tabulatoren, manchmal leerzeichen etc... nicht immer sehr schick..

---
"Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi

wunderbar, wunderbar

alles geht. vielen, vielen dank.

die syntax sieht so komisch aus, weil ich ultra edit benutzte. da sieht alles normal aus