Antworten auf deine Fragen:
Neues Thema erstellen

Ebay Vorlage - Darstellungsproblem im Internet Explorer

Dawn

Noch nicht viel geschrieben

Hallo, ich hoffe mir kann jemand helfen.
UNd zwar wollte ich eine ansprechende Ebay Vorlage zum Verkaufen meiner Artikel erstellen. Dazu habe ich mit dem Programm Artisteer eine HTML Vorlage gebastelt und dann im ebay eingefügt. Im Opera und Firefox wurde die Vorlage 100% richtig angezeigt. Nur alle Internet Explorer (7,6,8) zeigen die Vorlage völlig fehlerhaft an. Dabei geht die Vorlage im INternet Explorer völlig normal, wenn sich sie als HTML Datei öffne. Erst wenn ich sie ins ebay lade passiert irgendein Fehler.

Hier der Link:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Ebayverkauf </title>


<link rel="stylesheet" href="http://www.alpha1-diagnostik.de/ebay/style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="http://www.alpha1-diagnostik.de/ebay/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://www.alpha1-diagnostik.de/ebay/style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"></div>
<div class="Sheet-bl"></div>
<div class="Sheet-br"></div>
<div class="Sheet-tc"></div>
<div class="Sheet-bc"></div>
<div class="Sheet-cl"></div>
<div class="Sheet-cr"></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-jpeg"></div>
<div class="logo">
<h1 id="name-text" class="logo-name"><a href="#">Artikelverkauf von **</a></h1>
<div id="slogan-text" class="logo-text">3..2..1.. meins !</div>
</div>
</div>
<div class="contentLayout">
<div class="content">
<div class="Post">
<div class="Post-body">
<div class="Post-inner">
<div class="PostMetadataHeader">
<h2 class="PostHeaderIcon-wrapper">
<span class="PostHeader">Artikel</span>
</h2>
</div>
<div class="PostContent">

<p>Beschreibung </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table class="table" width="100%">
<tr>
<td width="33%" valign="top">
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>
Versand
</center></div>
</div>
<div class="BlockContent">
<div class="PostContent">
<img src="http://www.alpha1-diagnostik.de/ebay/images/01.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
<td width="33%" valign="top">
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>
Zahlung
</center></div>
</div>
<div class="BlockContent">
<div class="PostContent">
<img src="http://www.alpha1-diagnostik.de/ebay/images/02.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
<td width="33%" valign="top">
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>
Widerruf
</center></div>
</div>
<div class="BlockContent">
<div class="PostContent">
<img src="http://www.alpha1-diagnostik.de/ebay/images/03.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>

</div>
<div class="cleared"></div>
</div>

</div>
</div>

</div>
</div>
<div class="cleared"></div><div class="Footer">
<div class="Footer-inner">
<div class="Footer-text">
<p>&nbsp;</p>
</div>
</div>
<div class="Footer-background"></div>
</div>
</div>
</div>
<div class="cleared"></div>
</div>

</body>
</html>


Dankeschön
 
Zuletzt bearbeitet:

Dawn

Noch nicht viel geschrieben

AW: Ebay Vorlage - Darstellungsproblem im Internet Explorer

Okay, aber der ist sehr lang:

/* begin Page */

/* Generated with Artisteer version 2.1.0.15912, file checksum is FEBD1A2B. */

body
{
margin: 0 auto;
padding: 0;
background-color: #D8E6EE;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}

.Main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}





.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


form
{
padding:0 !important;
margin:0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 900px;
min-width:55px;
min-height:55px;
}

.Sheet-body
{
position: relative;
z-index:1;
padding: 4px;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
{
position:absolute;
z-index:-1;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
{
width: 66px;
height: 66px;
background-image: url('../images/Sheet-s.png');
}

.Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 33px, 33px, auto);
}

.Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 33px, 33px);
}

.Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(33px, 33px, auto, auto);
}

.Sheet-br
{
bottom: 0;
right: 0;
clip: rect(33px, auto, auto, 33px);
}

.Sheet-tc, .Sheet-bc
{
left: 33px;
right: 33px;
height: 66px;
background-image: url('../images/Sheet-h.png');
}

.Sheet-tc
{
top: 0;
clip: rect(auto, auto, 33px, auto);
}

.Sheet-bc
{
bottom: 0;
clip: rect(33px, auto, auto, auto);
}

.Sheet-cr, .Sheet-cl
{
top: 33px;
bottom: 33px;
width: 66px;
background-image: url('../images/Sheet-v.png');
}

.Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 33px);
}

.Sheet-cl
{
left:0;
clip: rect(auto, 33px, auto, auto);
}

.Sheet-cc
{
position:absolute;
z-index:-1;
top: 33px;
left: 33px;
right: 33px;
bottom: 33px;
background-color: #FCFDFD;
}


.Sheet
{
margin-top: -4px !important;
}

.PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare
{
min-width:900px;
}

/* end Box, Sheet */

/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 892px;
height: 150px;
}


div.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 892px;
height: 150px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 10px;
top: 42px;
width: 872px;
}

h1.logo-name
{
display: block;
text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 37px;
text-decoration: none;
padding:0;
margin:0;
color: #EBF4FA !important;
}

.logo-text
{
display: block;
text-align: left;
}

.logo-text, .logo-text a
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 18px;
padding:0;
margin:0;
color: #B2D7EB !important;
}
/* end Logo */

/* begin ContentLayout */
.contentLayout
{
position: relative;
margin-bottom: 6px;
width: 892px;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:31px;
min-height:31px;
}

.Block-body
{
position: relative;
z-index:1;
padding: 6px;
}

.Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl
{
position:absolute;
z-index:-1;
}

.Block-tr, .Block-tl, .Block-br, .Block-bl
{
width: 42px;
height: 42px;
background-image: url('../images/Block-s.png');
}

.Block-tl
{
top:0;
left:0;
clip: rect(auto, 21px, 21px, auto);
}

.Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 21px, 21px);
}

.Block-bl
{
bottom: 0;
left: 0;
clip: rect(21px, 21px, auto, auto);
}

.Block-br
{
bottom: 0;
right: 0;
clip: rect(21px, auto, auto, 21px);
}

.Block-tc, .Block-bc
{
left: 21px;
right: 21px;
height: 42px;
background-image: url('../images/Block-h.png');
}

.Block-tc
{
top: 0;
clip: rect(auto, auto, 21px, auto);
}

.Block-bc
{
bottom: 0;
clip: rect(21px, auto, auto, auto);
}

.Block-cr, .Block-cl
{
top: 21px;
bottom: 21px;
width: 42px;
background-image: url('../images/Block-v.png');
}

.Block-cr
{
right:0;
clip: rect(auto, auto, auto, 21px);
}

.Block-cl
{
left:0;
clip: rect(auto, 21px, auto, auto);
}

.Block-cc
{
position:absolute;
z-index:-1;
top: 21px;
left: 21px;
right: 21px;
bottom: 21px;
background-color: #E2EAEE;
}


.Block
{
margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 8px;
margin-bottom: 15px;
}

.BlockHeader .t
{
height: 30px;
color: #000000;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
white-space : nowrap;
padding: 0 8px;
line-height: 30px;
}

.BlockHeader .l, .BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('../images/BlockHeader.png');
}

.BlockHeader .l
{
left:0;
right:9px;
}

.BlockHeader .r
{
width:892px;
right:0;
clip: rect(auto, auto, auto, 883px);
}





.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('../images/BlockHeaderIcon.png');
padding:0 0 0 23px;
background-repeat: no-repeat;
min-height: 15px;
margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.BlockContent-body
{
position: relative;
z-index:1;
padding: 11px;
}



.BlockContent-body
{
color:#567B8F;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.BlockContent-body a:link
{
color: #2C7BA5;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
color: #668EA3;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
color: #09BDDC;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.BlockContent-body ul
{
list-style-type: none;
color: #436070;
margin:0;
padding:0;
}

.BlockContent-body li
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.BlockContent-body ul li
{
padding:0px 0 0px 9px;
background-image: url('../images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.Post-body
{
position: relative;
z-index:1;
padding: 15px;
}



.Post
{
margin: 10px;
}

/* Start images */
a img
{
border: 0;
}

.article img, img.article
{
margin: 1em;
}

.metadata-icons img
{
border: none;
vertical-align: middle;
margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
background-color:Transparent;
}

.article th, .article td
{
padding: 2px;
border: solid 1px #7095A9;
vertical-align: top;
text-align:left;
}

.article th
{
text-align:center;
vertical-align:middle;
padding: 7px;
}

/* Finish tables */
/* end Box, Post */

/* begin PostMetadata */
.PostMetadataHeader
{
padding:1px;
background-color: #BFDDEE;
}
/* end PostMetadata */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 24px;
color: #1B4B65;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 24px;
color: #1B4B65;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #215D7D;
}

.PostHeader a:visited, .PostHeader a.visited
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #3B5563;
}

.PostHeader a:hover, .PostHeader a.hovered
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #09BDDC;
}
/* end PostHeader */

/* begin PostIcons */
.PostHeaderIcons
{
padding:1px;
}

.PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
color: #4E7083;
}

.PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
margin:0;
}

.PostHeaderIcons a:link
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #318AB9;
}

.PostHeaderIcons a:visited, .PostHeaderIcons a.visited
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #246689;
}

.PostHeaderIcons a:hover, .PostHeaderIcons a.hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: underline;
color: #09BDDC;
}
/* end PostIcons */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
color: #3D5866;
}

.PostContent
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
color: #3D5866;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
CSS Pseudo-classes
Eric's Archived Thoughts: Who Ordered the Link States?
*/
a
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #318AB9;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #318AB9;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #587E93;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #09BDDC;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}


/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 32px;
color: #246689;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 24px;
color: #318AB9;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 19px;
color: #4683A4;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 16px;
color: #4E7083;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
color: #4E7083;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #4E7083;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #091820;
margin:1em 0 1em 2em;
padding:0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}

li
{
margin:0.2em 0;
padding:0;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position:inside;

}



.Post li
{
padding:1px 0 1px 22px;
line-height:1.2em;
}

.Post ol li, .Post ul ol li
{
background: none;
padding-left:0;
}

.Post ul li, .Post ol ul li
{
background-image: url('../images/PostBullets.png');
background-repeat:no-repeat;
padding-left:22px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
color:#0B1013;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

blockquote
{
margin:10px 10px 10px 50px;
padding:5px 5px 5px 37px;
background-color:#D2DEE4;
background-image:url('../images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.Button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:37px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
}

.Button .btn
{
display:block;
position:relative;
float:left;
height: 37px;
overflow:hidden;
white-space: nowrap;
width: auto;
color: #000000;
}

.Button .btn .t
{
display:block;
height: 37px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
white-space: nowrap;
text-align: left;
padding: 0 26px;
line-height: 37px;
text-decoration: none !important;
}

input, select
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.Button .hover, .Button:hover
{
color: #000000;
text-decoration: none !important;
}

.Button .active
{
color: #EDF4F7;
}

.Button .btn .l, .Button .btn .r
{
display:block;
position:absolute;
z-index:-1;
height: 111px;
background-image: url('../images/Button.png');
}

.Button .btn .l
{
left:0;
right:19px;
}

.Button .btn .r
{
width:427px;
right:0;
clip: rect(auto, auto, auto, 408px);
}

.Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
{
top: -37px;
}

.Button .btn.active .l, .Button .btn.active .r
{
top: -74px;
}


/* end Button */

/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 892px;
margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 8px;
text-align: center;
}

.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('../images/Footer.png');
width: 892px;
height: 150px;
bottom:0;
left:0;
}


.Footer .Footer-text p
{
margin: 0;
}

.Footer .Footer-text
{
display:inline-block;
color:#80A1B3;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

.Footer .Footer-text a:link
{
text-decoration: none;
color: #86C0DF;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.Footer .Footer-text a:visited
{
text-decoration: none;
color: #9FB8C6;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.Footer .Footer-text a:hover
{
text-decoration: none;
color: #09BDDC;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#429CCD;
}

.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#6990A5;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 891px;
}
/* end LayoutCell */



.contentLayout li
{
float: none;
}

table.moduletable th
{
font-size: 140%;
padding: .5em 0em;
}

#footer
{
text-align: center;
}

.breadcrumbs
{
display: block;
padding: .7em 0em;
}

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
font-size: 75%;
padding-bottom: 1em;
}

.column_separator
{
padding-left: .4em;
}

.pagination span
{
padding: 2px;
}

.pagination a
{
padding: 2px;
}

div.offline
{
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway
{
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}

/* headers */
table.moduletable th, legend
{
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}

/* form validation */
.invalid
{
border-color: #ff0000;
}

label.invalid
{
color: #ff0000;
}


/** overlib **/

.ol-foreground
{
background-color: #f6f6f6;
}

.ol-background
{
background-color: #666;
}

.ol-textfont
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}

.ol-captionfont a
{
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

/* spacers */
span.article_separator
{
display: none;
}

.column_separator
{
padding-left: 10px;
}

td.buttonheading img
{
border: none;
}

.clr
{
clear: both;
}

div#maindivider
{
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}

table.blog span.article_separator
{
display: none;
}

/* edit button */
.contentpaneopen_edit
{
float: left;
}

/* table of contents */
table.contenttoc
{
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
float: right;
}

table.contenttoc td
{
padding: 0 5px;
}


/* content tables */
td.sectiontableheader
{
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane
{
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li
{
margin-bottom: 5px;
}

table.contentpaneopen fieldset
{
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3
{
margin-top: 25px;
}

table.contentpaneopen h4
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight
{
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable
{
margin-bottom: 0px;
}

div.moduletable, div.module
{
margin-bottom: 25px;
}

div.module_menu h3
{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu
{
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div
{
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div
{
background: none;
padding: 0;
}

div.module_menu ul
{
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited
{
font-weight: bold;
}

#leftcolumn div.module
{
padding: 0 10px;
}

#leftcolumn div.module table
{
width: auto;
}

/* forms */
table.adminform textarea
{
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input
{
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login
{
text-align: left;
}

form#form-login fieldset
{
border: 0 none;
margin: 0;
padding: 0.2em;
}

form#form-login ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

form#form-login ul li
{
background-image: none;
padding: 0;
}

#modlgn_username, #modlgn_passwd
{
width: 90%;
}

#form-login-username, #form-login-password, #form-login-remember
{
display: block;
margin: 0;
}

form#com-form-login
{
text-align: left;
}

form#com-form-login fieldset
{
border: 0 none;
margin: 0;
padding: 0.2em;
}

form#com-form-login ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

form#com-form-login ul li
{
background-image: none;
padding: 0;
}

/* thumbnails */
div.mosimage
{
margin: 5px;
}

div.mosimage_caption {
font-size: .90em;
color: #666;
}

div.caption
{
padding: 0 10px 0 10px;
}

div.caption img
{
border: 1px solid #CCC;
}

div.caption p
{
font-size: .90em;
color: #666;
text-align: center;
}

/* Parameter Table */
table.paramlist
{
margin-top: 5px;
}

table.paramlist td.paramlist_key
{
width: 128px;
text-align: left;
height: 30px;
}

div.message
{
font-weight: bold;
font-size: 14px;
color: #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.banneritem img
{
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text
{
padding: 4px;
font-size: 11px;
}

.bannerfooter_text
{
padding: 4px;
font-size: 11px;
background-color: #f7f7f7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span
{
padding: 2px;
}

.pagination a
{
padding: 2px;
}

/* Polls */
.pollstableborder
{
margin-top: 8px;
}


.pollstableborder td
{
text-align: left;

}

/* WebLinks */
span.description
{
display: block;
padding-left: 30px;
}

/* Frontend Editing*/
fieldset
{
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend
{
margin: 0;
padding: 0 10px;
}

td.key
{
border-bottom: 1px solid #eee;
color: #666;
}

/* Tooltips */

.tool-tip
{
float: left;
background: #ffc;
border: 1px solid #d4d5aa;
padding: 5px;
max-width: 200px;
}

.tool-title
{
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text
{
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message
{
margin-bottom: 20px;
}

#system-message dd.message ul
{
background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
border-top: 3px solid #de7a7b;
border-bottom: 3px solid #de7a7b;
margin:0px;
padding-left: 40px;
text-indent:0px;
}

/* System Error Messages */
#system-message dd.error ul
{
color: #c00;
background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}

/* System Notice Messages */
#system-message dd.notice ul
{
color: #c00;
background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
border-top: 3px solid #f0dc7e;
border-bottom: 3px solid #f0dc7e;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}

#syndicate
{
float: left;
padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td
{
padding: 2px 0;
}

.breadcrumbs img
{
margin: 0px;
padding: 0px;
border: 0px;
}

.mceToolbarTop {
white-space: normal;
}

.mceEditor
{
background: none;
}

#archive-list
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

#archive-list li
{
list-style-type: none;
background-image: none;
margin-left: 0px;
padding-left: 0px;
}

#navigation
{
text-align: center;
}

.article h3 img
{
border: none;
display: inline;
margin: 0;
padding: 0;
}

.Footer-text .moduletable
{
border: none;
margin: 0;
padding: 0;
}

.pollstableborder td {
vertical-align: middle;
}
 

snoopdog1971

Noch nicht viel geschrieben

AW: Ebay Vorlage - Darstellungsproblem im Internet Explorer

ach herje verursacht das programm eine menge an css
ist ein altes IE Prob schau mal den Code durch
 

Dawn

Noch nicht viel geschrieben

AW: Ebay Vorlage - Darstellungsproblem im Internet Explorer

Hab was rausgefunden: Bei ebay muss man den head-Bereich löschen. Wenn ich den lösche, dann zeigt der IE alles fehlerhaft an. Schätze es liegt am xhtml. Denn beim html geht es. Ich werde wohl ein neues Design bauen von Hand.

Aber danke!
 

Dawn

Noch nicht viel geschrieben

AW: Ebay Vorlage - Darstellungsproblem im Internet Explorer

Achso... naja war ja klar dass mal wieder was am IE hängt... Danke für die Info!
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.620
Beiträge
1.538.374
Mitglieder
67.544
Neuestes Mitglied
janusbarman
Oben