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 Browser Problem

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 Browser Problem Antworten
im Forum für Webhosting Homepage gefunden:
CSS Browser Problem
Rieke
Foren-Team


Threadstarter




Beiträge: 1792

Hallo,

ich gebs ja zu, ich tu mich mit CSS ziemlich schwer, weis aber die Möglichkeiten
durchaus zu schätzen.
Aus diesem Grunde sollen weite Teile der neuen Webseite mit CSS umgesetzt werden, leider stosse ich immer wieder an "gemeine" Hürden.

Bei der Navigation funktioniert im Firefox alles wunderbar, im IE leider überhaupt nicht.

Hier der Code fürs CSS:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23:
 a:link, a:visited, a:active {
	color: #333366;
	text-decoration: none;
	display: block;
	font-size: 9pt;
	width: 147px;	
    height: 17px;
	letter-spacing: 0px;
    border: 1px;
    border-style: invisible
}

a:hover 	{
    color: #333366; 
    text-decoration: none; 
	display: block;
    font-size: 9pt;
    background-color: #FFCC99; 
    width: 147px; 
	height: 17px;
    border: 1px solid #fff; 
	}



Hier der html Code für die Navigation:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:
        
  Easy Web
  · Advanced Web


Ich weis das sind noch Tabellen Tags, die kommen später erst weg wenn alles ins neue Template System umgebaut wird.

Wenn ich das ganze im Firefox aufrufe, ist alles wie es soll.
Im IE fängt er nach der Grafik leider den Link in einer neuen Zeile statt direkt daneben an ...


Weis jemand Rat ?


Rieke


---

  Profil   E-Mail   Website   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 363

oh graus, das ist ja gar schrecklicher html-code.

ich denke mal, dass der ie den umbruch aufgrund des display:block im css macht. mich wundert, dass firefox keinen umbruch macht.

es ist übrigens nicht nötig, für a:hover nochmal alle eigenschaften, die bereits für a:link definiert wurden, zu wiederholen. die eigenschaften, die sich bei hover verändern sollen reichen vollkommen aus.

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

  Profil   E-Mail   Website   Editieren   Zitieren
Rieke
Foren-Team


Threadstarter




Beiträge: 1792

Wenn ich den Block rausmache, wird im Firefox die Hintergrundfarbe (beim hover) nur noch bis zum Textende nicht in der definierten Breite angezeigt.

---

  Profil   E-Mail   Website   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 363

achso. deshalb das display:block.

lösung bietet float.

mach für die links wieder display:block rein und zusätzlich noch float:left. das gleiche dann auch für das bild.

eine id darf man übrigens nur einmal vergeben, verwende also für die bilder am besten klassen.

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

  Profil   E-Mail   Website   Editieren   Zitieren
Rieke
Foren-Team


Threadstarter




Beiträge: 1792

in der Grafik definition hab ich das schon:

1: 
2: 
3: 
4: 
5:
#gra {float:left;
      clear:left;
}

Wenn ich nun in der link definition auch noch float:left; schreibe, habe ich plötzlich im Firefox den gleichen schei** wie vorher schon im IE ...

---

Diese Nachricht wurde geändert von: Rieke
  Profil   E-Mail   Website   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 363

mach das clear:left da weg und statt dessen display:block dahin.

wobei man eigentlich das display:block bei gefloateten elementen auch weglassen kann, da diese sowieso als block-elemente interpretiert werden.

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

  Profil   E-Mail   Website   Editieren   Zitieren
Rieke
Foren-Team


Threadstarter




Beiträge: 1792

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25:

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS Browser Problem

Aktuelle Beiträge zur Hilfe im Forum für Homepage - CSS Browser Problem 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 : 8143345    Heute : 568     Gestern : 558     Online : 104     21.12.2024    17:49      0 Besucher in den letzten 60 Sekunden        
Nach oben