Gut im Safari, schlecht im Avant

Gut im Safari, schlecht im Avant

Beitragvon SvenLittkowski » 24.11.2011, 20:47

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?

URL: jamaica-focus.com/SvenLittkowski
Code:
Code: Alles auswählen
<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>
SvenLittkowski
neu hier
 
Beiträge: 4
Registriert: 24.11.2011, 20:40

Re: Gut im Safari, schlecht im Avant

Beitragvon sejuma » 25.11.2011, 07:22

Versuch's mal damit:
img {display: block;}

Sofern die Bilder nebeneinander angeordnet werden sollen, musst du ihnen noch zusätzlich ein float: left; zuweisen.

http://www.ohne-css.gehts-gar.net/0009.php
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: Gut im Safari, schlecht im Avant

Beitragvon SvenLittkowski » 25.11.2011, 07:51

Vielen Dank für die Antwort. Doch nein, das hat leider gar nichts gebracht. Schau' Dir mal die URL an (mit Safari und dem Avant):
jamaica-focus.com/SvenLittkowski
SvenLittkowski
neu hier
 
Beiträge: 4
Registriert: 24.11.2011, 20:40


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Gut im Safari, schlecht im Avant"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste