  |
| Autor |
Nachricht |
Mike29
Neuer [User]
Anmeldung: 26.07.04
Beiträge: 9
Wohnort: Zeulenroda ...
|
 Verfasst am: 26.07.2004, 18:11 Titel: Fragen über Fragen |
 |
|
Hi all
Gleich noch ein paar Fragen.
1. Ich prog. mit FrontPage. Um meinen Text ziemlich nah an eine Grafik zu bekommen und Platz zu sparen, lege ich die jeweilige Grafik eine Ebene zurück. Diese Grafiken werden dann aber nur im IE angezeigt und nicht im Netscape.
2. Wie löst man das Prob mit der unterschiedlichen Auflösung der Sitebesucher?
3. Gibt es eine „allgemeine“ Browserweiche, die man eventuell „klauen“ kann. Da ich nicht soviel Ahnung von Prog habe und immer das Prob mit den unterschieden von IE und NS hab. Oder gibt es eine andere Lösung
Mike
|
|
| Nach oben |
|
 |
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 27.07.2004, 09:55 Titel: Re: Fragen über Fragen |
|
|
hallo Mike,
| Zitat: |
1. Ich prog. mit FrontPage. Um meinen Text ziemlich nah an eine Grafik zu bekommen und Platz zu sparen, lege ich die jeweilige Grafik eine Ebene zurück. Diese Grafiken werden dann aber nur im IE angezeigt und nicht im Netscape.
|
was heißt "eine Ebene zurück", wie sieht der Quelltext an der Stelle aus?
| Zitat: |
2. Wie löst man das Prob mit der unterschiedlichen Auflösung der Sitebesucher?
|
entweder man arbeitet mit einer flexiblen Breite, die sich dem Browserfenster anpasst, d.h. die Breiten werden in Prozent angegeben,oder man begrenzt den Seiteninhalt auf eine Breite auf von 800px, da viele noch eine Auflösung von 800x600 haben;
| Zitat: |
3. Gibt es eine „allgemeine“ Browserweiche, die man eventuell „klauen“ kann. Da ich nicht soviel Ahnung von Prog habe und immer das Prob mit den unterschieden von IE und NS hab. Oder gibt es eine andere Lösung
|
die Probleme kennt wohl jeder  aber es ist schon möglich, Webseiten so zu bauen, dass sie in den wichtigsten Browsern gleich ausschauen, mit der Zeit lernt man die Macken der einzelnen Browser und mögliche Workarounds kennen; ich verwende lediglich eine  CSS-Weiche für den alten Netscape 4
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
Andreas Schroth
Bekannter [Admin]
Anmeldung: 08.04.04
Beiträge: 1667
Wohnort: Lauf a. d. ...
|
| Verfasst am: 27.07.2004, 13:28 Titel: |
|
|
Kleine Ergänzung zu dem 2.Punkt von JörgK:
Falls sich die Seite der Browserbreite nicht flexibel anpasst und eine 800x600 - Kompatibilität gewährleisten will, so sollte die Seite maximal 750px breit sein, denn man muss bedenken, dass der Browserrahmen mit Scrolleiste auch eine gewisse Breite hat..
_________________
Computer-tipps.net / Forumprofi.de
Hier sind die Foren-Regeln zu finden.
|
|
| Nach oben |
|
|
Mike29
Neuer [User]
Anmeldung: 26.07.04
Beiträge: 9
Wohnort: Zeulenroda ...
|
| Verfasst am: 27.07.2004, 16:05 Titel: erstmal danke |
|
|
Der Quellcode den Frontpage erzeugt (eine Ebene zurück) sieht so aus.
"
<p><span style="position: absolute; left: 0; top: 0; z-index: -1">
 </span></p>
<p align="center"><br>
"
wie gesagt NS zeigt diese Bileder aber nicht an.
Versteh ich euch richtig, das es nicht verkehrt ist, von 800 x600 auszugehen.
|
|
| Nach oben |
|
|
Mike29
Neuer [User]
Anmeldung: 26.07.04
Beiträge: 9
Wohnort: Zeulenroda ...
|
| Verfasst am: 27.07.2004, 16:06 Titel: ups |
|
|
ups
jetzt hat sich irgendwie zuviel eingefügt. ich hoff es ist noch erkennbar
|
|
| Nach oben |
|
|
Andreas Schroth
Bekannter [Admin]
Anmeldung: 08.04.04
Beiträge: 1667
Wohnort: Lauf a. d. ...
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 27.07.2004, 18:48 Titel: Re: erstmal danke |
|
|
| Code: |
<p><span style="position: absolute; left: 0; top: 0; z-index: -1">
<img border="0" src="Bilder/KS.jpg" alt="Kopfstützenbezüge nach Ihren Wünschen" width="136" height="93"></span></p>
<p align="center"><br>
|
anscheinend zeigt Netscape kein Element mit negativem z-index an; du könntest aber den z-index der anderen Elemente erhöhen, statt den z-index bei dem Bild herabzusetzen, das käme dann auf das gleiche hinaus, und Netscape/Mozilla würden das Bild anzeigen (sofern es nicht von anderen Elementen verdeckt wird)
| Zitat: | | Versteh ich euch richtig, das es nicht verkehrt ist, von 800 x600 auszugehen. |
ja, und wie Andreas sagt, den Rand und Scrollbalken noch mit einberechnen, also max. 750px
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
Mike29
Neuer [User]
Anmeldung: 26.07.04
Beiträge: 9
Wohnort: Zeulenroda ...
|
| Verfasst am: 27.07.2004, 19:21 Titel: |
|
|
also müßte ich allen anderen Elementen sowas wie
p><span style="position: absolute; left: 0; top: 0; z-index: +1">
davorsetzen. Oder?
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 27.07.2004, 20:32 Titel: |
|
|
z-index gibt an, wie weit "vorne" ein Element liegt, siehe auch bei SELFHTML: z-index (Schichtposition bei Überlappung)
wenn Element A Element B überlappen soll, muss es einen höheren z-index haben; wichtig ist also nur, dass das Verhältnis bestehen bleibt; wenn z-index 0 > z-index -1 wegen des negativen Wertes bei Netscape nicht funktioniert, dann geht z-index 2 > z-index 1; du könntest also alle Werte um zwei erhöhen, dann bleibt das Verhältnis erhalten, und du bist nirgends im negativen Bereich
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 27.07.2004, 20:39 Titel: Re: Fragen über Fragen |
|
|
ich hab jetzt grad nochmal dein Anfangsposting gelesen:
| Mike29 hat folgendes geschrieben: |
1. Ich prog. mit FrontPage. Um meinen Text ziemlich nah an eine Grafik zu bekommen und Platz zu sparen, lege ich die jeweilige Grafik eine Ebene zurück. Diese Grafiken werden dann aber nur im IE angezeigt und nicht im Netscape. |
falls es dir nur um den Abstand gehen sollte, und nicht um die Überlappung, solltest du an der Stelle statt mit z-index besser mit margin und padding arbeiten, indem du diese auf einen geringen Wert setzt:
| Code: | <p><span style="position: absolute; left: 0; top: 0; padding:0; margin:2px">
<img border="0" src="Bilder/KS.jpg" alt="Kopfstützenbezüge nach Ihren Wünschen" width="136" height="93"></span></p>
<p align="center"><br> |
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
Mike29
Neuer [User]
Anmeldung: 26.07.04
Beiträge: 9
Wohnort: Zeulenroda ...
|
| Verfasst am: 28.07.2004, 15:42 Titel: |
|
|
Das hat voll Funktion. Hab den Code gerade mal ausprobiert und das funktioniert genau so wie ich wollte.
Aber damit ich weiß was ich da mache, was bedeutet der Code so etwa.
Danke
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 28.07.2004, 19:51 Titel: |
|
|
freut mich dass es funktioniert
zur Erklärung: jedes Block-Element in HTML hat einen Innenabstand = padding und einen Außenabstand = margin; wenn man für das betreffende Element sowohl padding als auch margin auf 0 oder einen niedrigen Wert (z.B. 2px) setzt, dann verringert sich der Abstand zu den Nachbar-Elementen, in deinem Beispiel der Abstand zwischen Text und Bild
| Code: | | style="padding:0; margin:2px" |
bei SELFHTML ist es nochmal ausführlicher erklärt:
Außenrand und Abstand
Innenabstand
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
|
|
