WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- CSS: Kein Over-Efekt im IE?

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS: Kein Over-Efekt i... - 20 Mai 2024 Antworten
im Forum für Webhosting Homepage gefunden:
CSS: Kein Over-Efekt im IE?
zeTo
Quasselstrippe
Threadstarter




Beiträge: 239

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.


  Profil   Editieren   Zitieren
subjective
Forenheld




Beiträge: 844

Der IE kennt :hover nur für ...-Tags.

---
Weaverslave

  Profil   Website   Editieren   Zitieren
nisita
Posting-Schinder




Beiträge: 540

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...
-"
" -finde ich nicht sehr sinnvoll.. dann definiere das leiber in der css-datei..
-ein -jedem link ein class-angabe macht auch nicht viel sinn.. -probier doch lieber
1:
#bar a {
... das gleiche gild für menu... also
1:
#bar li {

-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

Diese Nachricht wurde geändert von: nisita
  Profil   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 364

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?

  Profil   E-Mail   Website   Editieren   Zitieren
zeTo
Quasselstrippe
Threadstarter




Beiträge: 239


Diese Nachricht wurde geändert von: zeTo
  Profil   Editieren   Zitieren
nisita
Posting-Schinder




Beiträge: 540

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 wie du das machst? ganz einfach:
1: 
2: 
3: 
4:
#bar a {
	padding: 3px 5px 3px 5px;
}


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...
1: 
2: 
3: 
4:
#bar li {
	margin-left: -1px;
}





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

  Profil   Editieren   Zitieren
zeTo
Quasselstrippe
Threadstarter




Beiträge: 239

hiho

The detected DOCTYPE Declaration "" 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

  Profil   Editieren   Zitieren
nisita
Posting-Schinder




Beiträge: 540

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

  Profil   Editieren   Zitieren
zeTo
Quasselstrippe
Threadstarter




Beiträge: 239

wunderbar, wunderbar

alles geht. vielen, vielen dank.

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

  Profil   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS: Kein Over-Efekt i...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - CSS: Kein Over-Efekt im IE? im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 7995994    Heute : 356     Gestern : 411     Online : 11     20.5.2024    14:15      1 Besucher in den letzten 60 Sekunden        
alle 60.00 Sekunden ein neuer Besucher
Nach oben