[CSS] div verschiebt sich

[Quiny89]

wie bewertet ihr mein designe? alles mit css gestaltet.

Link

ist es zu bunt? sollte ich mich lieber auf 1ne farbe konzentrieren, die dann "typisch" für die seite wäre (siehe schüler/studivz)?

greetz quiny89

 

[Benutzer-26193]

sry aber das kann mein kleiner bruder auch.. das ist nu bissel css mehr net. paar grafiken würden es besser wirken lassen
und die runden ecken werden in jedem Browser auch nicht gezeigt

 

[Quiny89]

ry aber das kann mein kleiner bruder auch.. das ist nu bissel css mehr net.

man beachte die überschrift =)

ich möchte gar keine grafiken einbauen! ich denke das für einen blog auch css reicht ... es kommt auf den inhalt an. und mitlerweile gibt es ja viele seiten die fast ausschließlich auf css setzen. wollte ja nur wissen wie das aussieht!
das mit den runden ecken ist mir bekann,nehme ich aber in kauf

 

[acid]

die farben passen nicht, links diese creme-töne und dann das harte neon-grün.

außerdem rot,gelb,grün,blau is ziemlich sehr bunt und wirkt am ende eher kindlich als gewagt.

 

[gadon]

Erstmal für die Farbe:

https://www.validhtml.com/farbzusammenstellung.php

Wenn css dann auch richtig:

https://jigsaw.w3.org/css-validator/

Und das ganze natürlich w3c strict konform:

https://validator.w3.org/

ein paar Anregungen:

https://www.mezzoblue.com/zengarden/alldesigns/

Schön zu sehen das es mal wieder jemand geschafft hat von seinen Tabellen weg zu kommen und html so benutzt wie es gedacht wurde, denn tabellen sind nunmal nicht zum webdesign geeignet, auch wenn 90% des webs damit voll gestopft ist, letztendlich sind es eben nur Tabellen.

Ich kann dir empfehlen die seite wirklich w3c strict zu schreiben, später wirst du es umso leichter haben und wirst dann kein ständiges gejammer hören das es in nem anderen browser wieder anders aussieht.

und grafiken braucht nicht jede seite, gibt sehr viele seiten die so zugemüllt sind mit jpgs das der eigentliche inhalt verloren geht, also:

https://www.csszengarden.com/?cssfile=174/174.css

 

[Quiny89]

danke !!!!! das war mal konstruktive kritik....



edit:
habs jetzt ein bisschen geändert.... aber mit den ergebnissen der valid tests kann ich nix anfangen. r es sind namen von klasse im id tag und der / im <br /> tag (kommt aber durch ne php funktion) das kann doch nix an der darstellung ändern oder?

 

[Yabba]

Sieht ungewohnt aus für einen Blog

Aber die Farben passen jetzt, ich nehm an, die hast Du auch geändert ?

Die schwarzen Linien unter Blog und am rechten Rand würde ich noch beseitigen.

Und ein Logo im Header kommt immer gut, lockert auf und bringt bisschen mehr fürs Auge.
Muss nicht mal ein richtiges Bild sein, kann auch nur mit Schrift und grafischen Elementen gestaltet werden.

 

[topfkanne]

deine Seite im Iexplore 6

 

[Quiny89]

hab moz-border mal raus genommen..... ist jetzt absolut valid aber der div wird immer noch verschoben. woran kann das denn liegen??

css datei

 

[Quiny89]

[css] div verschiebt sich

https://quiny89.de
css

hallo..... will ja nicht cross posten aber das verlässt jetzt glaub ich den grafikbereich.
wenn man sich die oben genannte seite im ff ansieht sind links alle 3 divs passend untereinander (wie auch gewünscht) aber im ie wird der tip div versetzt zur mitte hin angezeigt. kann mir jemand sagen warum ds so ist??

greetz


edit:

im ie

 

[theHacker]

hallo..... will ja nicht cross posten aber das verlässt jetzt glaub ich den grafikbereich.

Ich hab die Themen in die Programmierung zusammengeführt.

Zum Problem:
Korrigiere erstmal die doppelten IDs, um das als Fehlerursache auszuschließen:
https://validator.w3.org/check?verbose=1&uri=http://quiny89.de/

Ich denk mal, es liegt daran, dass der rechte Teil nicht weit genug nach unten geht. Check das mal, indem du rechts mehr Text reinschreibst, ob der dritte Container dann links bleibt.

 

[Quiny89]

ich hab mal was reingeschrieben. (meintest dus so?). meinst du wirklich das die doppelten ids schuld sind? das wär ja total sinn frei wenn ich 100 divs genau gleich formatieren will muss ich dann 100 mal #div{text-align:left;} schreiben?

 

[theHacker]

das wär ja total sinn frei wenn ich 100 divs genau gleich formatieren will muss ich dann 100 mal #div{text-align:left;} schreiben?

Es wäre sinnfrei, eine ID nicht eindeutig zu halten
Wenn du mehrere Elemente gleich formatieren willst, nutze Klassen. Dazu gibt es die.

 

[Quiny89]

edit:
also es liegt an dem conntent div wenn der lang genug ist gehts. ab ie 7 wirds auch da richtig angezeigt.

kann zu