Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Gut im Safari, schlecht im Avant
Autor: SvenLittkowski
Datum: 24.11.2011 20:28:42
Hi, mein Problem ist, daß ich recht wahrscheinlich etwas falsch mache mit dem CSS. Innerhalb des Safari-Webbrowsers sieht alles so aus, wie erwartet, doch im Avant Browser befindet sich zwischen den Images und den tabellenrahmen eine Lücke, und einige Images sind sogar in die nächste Reihe gewandert (da sie hier die Zellenbreite überschreiten).
Welche CSS-Angaben fehlen, um diese Page in beiden Browsern relativ identisch aussehen zu lassen?
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<base target="Page">
<script language="JavaScript">
<!--
// -->
</script>
</head>
<body style="background: url(v/Pages/Title.jpg) fixed no-repeat; background-position: top; background-color: #<?PHP echo($SeitenFarbeControl); ?>; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px"">
<table style="width: 950px; height: 120px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: left; vertical-align: top;">
<tr>
<td style="width: 950px; height: 5px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: right; vertical-align: top;" colspan="5">
</td>
</tr>
<tr>
<td style="width: 111px; height: 114px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: left; vertical-align: top;">
<img src="v/FXs/LinkContactPassive.jpg" width="111" height="27" border="0" alt="Contact Form" title="Contact Form">
</td>
<td style="width: 126px; height: 114px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: center; vertical-align: top;">
<img src="v/Deco/Glass.gif" style="width: 7px; height: 12px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px;">
<img src="v/FXs/LinkHomePassive.gif" style="width: 85px; height: 12px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px;" alt="Contact Form" title="Contact Form">
<img src="v/Deco/Glass.gif" style="width: 22px; height: 12px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px;">
</td>
<td style="width: 96px; height: 114px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: left; vertical-align: top;">
</td>
<td style="width: 467px; height: 114px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: left; vertical-align: top;">
<img src="v/FXs/LinkArticlesPassive.jpg" width="147" height="27" border="0" alt="Contact Form" title="Contact Form">
<img src="v/Deco/Glass.gif" width=" 13" height="27" border="0">
<img src="v/FXs/LinkImagesPassive.jpg" width="147" height="27" border="0" alt="Contact Form" title="Contact Form">
<img src="v/Deco/Glass.gif" width=" 13" height="27" border="0">
<img src="v/FXs/LinkStreamerPassive.jpg" width="147" height="27" border="0" alt="Contact Form" title="Contact Form">
</td>
<td style="width: 88px; height: 114px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: right; vertical-align: top;">
</td>
</tr>
<tr>
<td style="width: 950px; height: 1px; border-style: none; border-with: 0px; padding: 0px; border-spacing: 0px; text-align: left; vertical-align: top;" colspan="5">
<img src="v/FXs/TitleWide.gif" border="0" width="950" height="1">
</td>
</tr>
</table>
</body>
</html>
Re: Gut im Safari, schlecht im Avant
Autor: Freddy
Datum: 24.11.2011 22:38:07
Hallo,
> Innerhalb des Safari-Webbrowsers sieht alles so
> aus, wie erwartet, doch im Avant Browser befindet
> sich zwischen den Images und den tabellenrahmen
> eine Lücke, und einige Images sind sogar in die
> nächste Reihe gewandert (da sie hier die
> Zellenbreite überschreiten).
Ist der Avant-Browser nicht ein "hübscherer" IE?
Wenn ja, welche Version?
Gruß,
Freddy
Re: Gut im Safari, schlecht im Avant
Autor: SvenLittkowski
Datum: 25.11.2011 01:51:22
Avant
version 2012 build 8
Re: Gut im Safari, schlecht im Avant
Autor: Freddy
Datum: 25.11.2011 20:15:32
Hallo,
> [...] mein Problem ist, daß ich recht
> wahrscheinlich etwas falsch mache mit dem CSS.
Merz erstmal die HTML-Fehler aus:
http://validator.w3.org/check?uri=http://jamaica-focus.com/SvenLittkowski/Sven.Littkowski.php5?Launch=Welcome.php5&charset=(detect+automatically)&doctype=Inline&group=0
Übrigens, Frames sind bäh:
http://www.subotnik.net/html/frames.html
> Innerhalb des Safari-Webbrowsers sieht alles so
> aus, wie erwartet, doch im Avant Browser befindet
> sich zwischen den Images und den tabellenrahmen
> eine Lücke, und einige Images sind sogar in die
> nächste Reihe gewandert (da sie hier die
> Zellenbreite überschreiten).
Tabellen fürs Layout sind bäh:
http://seybold.jan-andresen.de/everything.php
Wenn Du davon nicht abzubringen bist, versuche den Attributen "cellspacing" und "cellpadding" den Wert "0" zu geben. Man könnte auch versuche Leerzeichen vor und nach IMGs im MarkUp zu löschen (und "Enter" ist auch ein Leerzeichen).
Für alle Interessierte:
"Das heißt, der Avant Browser benutzt die Render-Engine Trident des Internet Explorers [...]".
(Quelle: <http://de.wikipedia.org/w/index.php?title=Avant_Browser&stable=0&shownotice=1>)
> Welche CSS-Angaben fehlen, um diese Page in
> beiden Browsern relativ identisch aussehen zu
> lassen?
CSS gehört sauber ausgelagert.
> margin: 0px 0px 0px 0px"">
Statt "0px" kannst Du auch "0" schreiben. Und weil 0 + 0 + 0 + 0 gleich 0 ist, reicht "margin:0;". Spart Bandbreit und ist einfacher fürs Auge.
Gruß,
Freddy
[OT] Crossposting (was: Gut im Safari, schlecht im Avant)
Autor: gaby
Datum: 29.11.2011 17:50:41
Würdest du bitte künftig das Crossposten unterlassen!
(siehe: http://www.css-info.de/forum/css-fuer-anfaenger-f1/gut-im-safari-schlecht-im-avant-t7289.html )
Extra für diejenigen, die nichts dabei finden, wenn sie durch Multipostings die Hilfsbereitschaft anderer User mißbrauchen, geben wir beim Erstellen eines neuen Threads nochmal den rot unterlegten Hinweis, daß Multipostings - übrigens nicht nur hier(!) - unerwünscht sind (Screenshot, s.o.)
Sich darüber hinwegzusetzen, ist schon ziemliche frech!
gaby
(Moderator)
