Padding Problem IE/FF - SOLVED, DANKE

Jul 02, 2009 11:19

Journal:nuvolina
S1 oder S2: S2
Layout Stil: Smooth Sailing
Account Art Basic
Kurzbeschreibung des Problems: Padding IE/FF Navigation


Ich weiß jetzt nicht ob ich blind bin oder mal wieder am Abstandsproblem der beiden Browser scheitere. Im FF seh ich unter dem letzten Menupunkt noch einmal eine Andeutung des nächsten Buttons, im IE nicht. Irgendeine Idee wie ich das weg kriege?

Vielen Dank

Ausführliche Problembeschreibung und dann
/* PAGE */

body {
margin: 0px;
background-color: #FDD8FA;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/GinnyBG.jpg);
background-position: center;
background-repeat: repeat-y;
}
a {
color: #871000;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #EB358A;
font-weight: bold;
text-decoration: none;
}

.pageblock{
width:900px;
margin: 0 auto;
background-color: transparent;

}
.pagefooterblock{
background-color: transparent;
color: #000000;
padding: 5px;
margin-top: 0px;
text-align: center;
background: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/GinnyFooter.jpg);
background-repeat: no-repeat;
background-position: center;
margin: 0px;
padding-bottom: 50px;
font-family: tahoma;
font-size: 11px;
font-style: italic;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000000;
}

/* HEADER */

.pageheaderblock {
text-align: left;
background: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/HeaderOBut.jpg);
background-repeat: no-repeat;
width: 900px;
height: 630px;
margin: 0px;
border-top: 10px;
}

.header-title {
display: none
}
.header-subtitle {
display: none
}

.header-icon {
display: none
}

.header-menu {
padding: 25px 0px 0px 0px;
background: transparent;
font-family: tahoma;
font-size: 13px;
text-transform: uppercase;
text-align: center;
padding-left: 58px;
position:absolute;
top:170px;
display: block;
width: 240px;
border-top: 0px;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
color: #871000;
text-decoration: none;
display: block;
margin: 7px;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/Button.png);
background-repeat: no-repeat;
padding: 5px 0 0 30px;
}

.header-menu a:hover {
color: #EB358A;
background-color: transparent;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 0px;
margin-left: 14px;
border-top: 0px;
margin-right: 60px;
margin-top: -60px;
}
.bodyheaderblock {
display: none;
border-top: 0px;
}
.bodynavblock {
background-color: transparent;
color: #000;
margin: 10px 0px 10px 0px;
padding: 4px;
border-top: 0px;
text-align: center;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000;
text-align: center;
}
.body-title {
display: none;
}
.body-midtitle {
font-family: tahoma;
font-size: 6px;
color: transparent;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #551033;
font-family: tahoma;
font-size: 11px;
width: 546px;
margin: 3px;
margin-left: 55px;
text-align: justify;
border-top: 0px;
overflow:auto;
}

.entryHolder img{
max-width:450px;
}

.entryUserinfo {
text-align: center;
margin: 5px;
background-color: transparent;
}
.entryUserinfo-usericon img {
padding: 4px;
border: 0px;
}
.entryText {
padding: 6px;
}

.entryHeader {
background-color: transparent;
color: #404040;
font-family: tahoma;
padding: 5px;
font-weight: normal;
text-transform: uppercase;

}
.entryHeader a{
color: #000;
}
.entryHeaderSubject {
font-weight: bold;
display: block;
color: #EB358A;
padding-bottom: 2px;
font-size: 11px;
background-color: transparent;
padding: 3px;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/GinnyBack.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 7px;
}
.entryHeaderDate a {
color: #622a1d;
text-decoration : none;
}
.entryHeaderDate {
color: #678315;
text-decoration : none;
font-size: 11px;
font-weight: bold;
}
.entryHeaderDate a:hover {
color: #000000;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: tahoma;
font-size: 11px;
text-align: center;
margin: 15px 0px 0px 0px;
padding: 3px 9px 0px 9px;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/GinnyLinkBack.jpg);
height: 22px;
background-repeat: no-repeat;
white-space: nowrap;

}
.entryLinkbar a:link, a:visited{
color: #871000;
font-weight: bold;
}
.entryLinkbar a:hover{
color: #EB358A;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 2px 0px 2px;
margin: 0px;
display: inline;
}
blockquote{
background-color: #fff;
color: #77ABEF;
padding: 5px;
border: 1px solid #77ABEF;
}

/*FOOTER*/

#footer-menu {
font-size: 11px;
background-color: #EB358A;
margin-left: 56px;
}
#footer-menu a, .footer-menu a:visited {
color: #000;
white-space: nowrap;
padding: 2px;
text-align: center;
font-family: tahoma;
}

/*SIDEBAR*/

.sidebar {
font-family: tahoma;
font-size: 11px;
margin-right: 0px;
width: 219px;
}
.sidebar a{
font-family: tahoma;
font-size: 11px;
margin-right: 0px;
width: 219px;
color: #FFFFFF;
}

.sidebar a:hover{
color: #678315;
}

.sidebox {
color: #000;
background-color: transparent;
margin-right: 8px;
padding-bottom: 5px;
}
.sideboxTitle {
color: #EB358A;
font-family: tahoma;
font-size: 11px;
padding: 3px;
background-color: transparent;
padding: 3px;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/GinnyBackkl.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 7px;

text-align: center;
text-transform: uppercase;
font-weight: bold;
border-top: 0px;

}
.sideboxContent {
text-align: justify;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
background-color: transprent;
padding: 2px;
color: #678315;
font-weight: bold;
}
.sidebox #latestmonth table a{
font-weight: bold;
padding: 0px;
color: #FFFFFF;
background-color: #EB358A;
padding: 1px;
}

.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #000;
background-color: #5F2943;
font-family: tahoma;
font-size: 11px;
margin: 10px;
text-align: justify;
padding: 4px;
}
.commentUserinfo {
text-align: center;
margin: 5px 6px 3px 5px;
background-color: transparent;
}
.commentUserinfo-usericon img {
padding: 2px;
}
.commentText {
padding: 6px;
}
.commentHeader {
color: #EB358A;
font-family: tahoma;
font-size: 11px;
padding: 3px;
background-color: #FFABF8;
padding: 3px;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/GinnyBack.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 7px;

text-align: center;
text-transform: uppercase;
font-weight: bold;
border-top: 0px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #f2f4f8;
color: #000000;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 400px;
margin: 8px 80px 20px 40px;
}
.daysubjects {
color: #FFFFFF;
padding: 10px 10px 10px 40px;
}
.daytitles {
text-align: center;
background: transparent;
color: #EB358A;
}
.day-blank {
border: 0px solid #8a8a8a;
}
.day {
border: 0px solid #8a8a8a;
}
.day-date {
border-right: 1px solid #8a8a8a;
border-bottom: 1px solid #8a8a8a;
color: #FFFFFF;
width: 80%;
text-align: center;
background-color: #EB358A;
}
.day-count {
width: 80%;
text-align: center;
float: right;
font-size: 15px;
}
.day-count a {
text-decoration: none;
color: #678315;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #dddddd;
}
.tagstable { width: 400px; }

/*------------------
Tiny Icons Replacement
------------------------*/

.entryHeader img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 11px 15px 0;
background: url("http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/flocked.png");
}

.entryHeader img[src*="icon_private.gif"]{
width: 0;
height: 0;
padding: 0 11px 15px 0;
background: url("http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/flocked.png");
}

.entryHeader img {
width: 0;
height: 0;
background-repeat: no-repeat;
/* so that IE users will still see an image */
background-image: url("http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/flocked.png");
padding: 11px 15px 0 0;
}

#summary img {
border: 0;
width: 0;
height: 0;
background-repeat: no-repeat;
}
#summary img[src*="icon_protected.gif"] {
border: 0;
background-image: url("http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/flocked.png");
padding: 15px 17px 0px 0px;
}
#summary img[src*="icon_private.gif"] {
border: 0;
background-image: url("http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/flocked.png");
padding: 15px 17px 0px 0px;
}

/* so that IE users will see a new image */
* html span.ljuser{
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/user.png) !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 16px 14px 0px !important;
}
* html span.ljuser img{
visibility: hidden;
}

/* icon for users */
.ljuser img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/user.png) !important;
padding: 16px 14px 0 0 !important;
}
/* icon for communities */
.ljuser img[src*="community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/comm.png) !important;
padding: 16px 16px 0 0 !important;
}
/* icon for sponsored communities */
.ljuser img[src*="sponcomm.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img.photobucket.com/albums/v429/MTina/Various%20-%20also%20crap%20-/Moving%20Pics/Boards/LJ/Ginny/comm.png) !important;
padding: 16px 16px 0 0 !important;
}

[s2], smooth sailing

Previous post Next post
Up