Błędne wyświetlanie strony w IE


(Rezker) #1

… …


(Mariusz2124) #2

wklej kod arkusza css


(Rezker) #3
body

{

   font-family: Calibri, "Trebuchet MS", Arial, Helvetica, Sans-Serif;

   margin: 0;

   background: #FDFDFC;

   color: #000000;

   background: #FDFDFC;}


ul

{

    -moz-padding-start: 0px;

    margin: 0;

    padding-left: 15px;

}


.BodyContent

{

   position: relative;

   left: 0px;

   top: 0px;

   width: 100%;

   margin: 0px auto 0px auto;

}


.BackgroundGradient

{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: url('images/BackgroundGradient.png') repeat-x;

}

.Border

{

   width: 900px;

   margin: 10px auto;

}


.Border

{

   z-index: 0;

   position: relative; 

   color: #000000;

}


.BorderContent

{

   position: relative;

   z-index: 1;

   overflow: hidden;

   padding: 8px 8px 8px 8px;

}


.Border a

{

   color: #00152D;

text-decoration: underline;

}


.Border a:visited

{

   color: #00152D;

text-decoration: underline;

}


.Border a:hover

{

   color: #000000;

text-decoration: none;

}


.BorderTL, .BorderTR, .BorderBL, .BorderBR, .BorderL, .BorderT, .BorderR, .BorderB, .BorderC

{

   position: absolute;

   z-index: -1;

   overflow: hidden;

}

.BorderTL, .BorderTR, .BorderBL, .BorderBR

{

   width: 22px;

   height: 22px;

}

.BorderTL

{

   top: 0;

   left: 0;

   background-image: url('images/BorderCorners.png');

}


.BorderTR div, .BorderBL div, .BorderBR div

{

    height: 44px;

    width: 44px;

    position: absolute;

    z-index: -1;

    background-image: url('images/BorderCorners.png');

}


.BorderTR div

{

    left: -22px;

}


.BorderBL div

{

    top: -22px;

}


.BorderBR div

{

    left: -22px;

    top: -22px;

}


.BorderTR

{

   top: 0;

   right: 0;

}

.BorderBL

{

   bottom: 0;

   left: 0;

}

.BorderBR

{

   bottom: 0;

   right: 0;

}

.BorderT, .BorderB

{

   left: 22px;

   right: 22px;

   height: 22px;

}



.BorderT

{

   top: 0;

   background-image: url('images/BorderHorizontal.png');

}


.BorderB

{

   bottom: 0;

}


.BorderB div

{

    position: absolute;

    z-index: -1;

    top: -22px;

    height: 44px;

    width: 100%;

    background-image: url('images/BorderHorizontal.png');

}


.BorderL, .BorderR

{

   top: 22px;

   bottom: 22px;

   width: 22px;

}

.BorderL

{

   left: 0;

   background-image: url('images/BorderVertical.png');

}

.BorderR

{

   right: 0;

}

.BorderR div

{

    position: absolute;

    z-index: -1;

    left: -22px;

    width: 44px;

    height: 100%;

    background-image: url('images/BorderVertical.png');

}

.BorderC

{

   left: 22px;

   top: 22px;

   right: 22px;

   bottom: 22px;

   background-image: url('images/BorderCenter.png');

}


.Header

{

   position: relative;

   background-image: url('images/Header.png');

   background-repeat: no-repeat;

   padding: 0px;  

   height: 150px;

   color: #FFFFFF;

}


.HeaderTitle

{

   height: 150px;

   width: 900px;

   display: table-cell;

   text-align: Default;

   vertical-align: Top;

}


.HeaderTitle h1 a, .HeaderTitle h1 a:link, .HeaderTitle h1 a:visited, .HeaderTitle h1 a:hover  

{

   text-decoration: none;

   color: #FFFFFF;

}


.HeaderTitle h1

{  

   margin: 0px;

   padding: 0px 9px; 

}


.HeaderTitle h2

{

   margin: 0px;

   padding: 0px 9px; 

}


.Menu

{

   background: transparent url('images/MenuBar.png') no-repeat;

   padding: 5px 5px 0px 5px;

   margin: 0px;

   text-align: Default;

}


.Menu ul

{

   list-style-type: none;

   padding: 0px;

   margin: 0px;

   color: #FFFFFF;

}


.Menu li

{

   display: inline;

   padding: 0px;

   margin: 0px;

}


.MenuButton, .MenuButtonInput

{

    border:0;

    margin: 0px 0px;

    background: transparent url('images/MenuButtonAnchor.png') no-repeat top left;

    position:relative;

    overflow: hidden;

    height: 27px;

    padding: 0px 0px 0px 18px;

    display: inline-block;

    font-size: 15px;

    vertical-align:middle;

    zoom: 1;

}


.MenuButton span, .MenuButtonInput span

{

    border:0;

    margin:0;

    background: transparent url('images/MenuButton.png') no-repeat right top;

    display:block;

    position:relative;

    color: #FFFFFF;

    line-height: 17px;

}


.MenuButton span

{

    padding: 5px 18px 5px 0px;

}


.MenuButtonInput span

{

    padding: 0px 18px 0px 0px;

    height:27px;

}


.MenuButtonInput input

{

    font-size: 15px;

    color: inherit;

    height: 27px;

    padding: 0px 18px;

    margin: 0px -18px;

    overflow: visible;

    cursor: pointer;

    background: Transparent;

    border: 0;

    *left: -18px;

}


/* remove outline on click */

.MenuButtonInput::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner {

    border: none;

}


.MenuButton, .MenuButton:link, .MenuButton:visited, .MenuButton:hover, .MenuButton:active

{

    text-decoration: none !important;

    outline: none;

}


.MenuButton:hover, .MenuButtonInput:hover

{

    background-position: left center;

}


.MenuButton:hover span, .MenuButtonInput:hover span

{

    background-position: right center;

    color: #FFFFFF;

}


.MenuButton:active, .MenuButtonInput:active

{

    background-position: left bottom;

}


.MenuButton:active span, .MenuButtonInput:active span

{

    background-position: right bottom;

    color: #000000;

} 


.ActiveMenuButton, .ActiveMenuButtonInput

{

    border:0;

    margin: 0px 0px;

    background: transparent url('images/ActiveMenuButtonAnchor.png') no-repeat top left;

    position:relative;

    overflow: hidden;

    height: 27px;

    padding: 0px 0px 0px 18px;

    display: inline-block;

    font-size: 15px;

    vertical-align:middle;

    zoom: 1;

}


.ActiveMenuButton span, .ActiveMenuButtonInput span

{

    border:0;

    margin:0;

    background: transparent url('images/ActiveMenuButton.png') no-repeat right top;

    display:block;

    position:relative;

    color: #000000;

    line-height: 17px;

}


.ActiveMenuButton span

{

    padding: 5px 18px 5px 0px;

}


.ActiveMenuButtonInput span

{

    padding: 0px 18px 0px 0px;

    height:27px;

}


.ActiveMenuButtonInput input

{

    font-size: 15px;

    color: inherit;

    height: 27px;

    padding: 0px 18px;

    margin: 0px -18px;

    overflow: visible;

    cursor: pointer;

    background: Transparent;

    border: 0;

    *left: -18px;

}


/* remove outline on click */

.ActiveMenuButtonInput::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner {

    border: none;

}


.ActiveMenuButton, .ActiveMenuButton:link, .ActiveMenuButton:visited, .ActiveMenuButton:hover, .ActiveMenuButton:active

{

    text-decoration: none !important;

    outline: none;

}


.ActiveMenuButton:hover, .ActiveMenuButtonInput:hover

{

    background-position: left center;

}


.ActiveMenuButton:hover span, .ActiveMenuButtonInput:hover span

{

    background-position: right center;

    color: #FFFFFF;

}


.ActiveMenuButton:active, .ActiveMenuButtonInput:active

{

    background-position: left bottom;

}


.ActiveMenuButton:active span, .ActiveMenuButtonInput:active span

{

    background-position: right bottom;

    color: #000000;

} 


.Columns

{

   overflow:hidden;

}


.Column1

{

    overflow:hidden;

    float:right;

    width:20%;

}


.Column2

{

    overflow:hidden;

    float:right;

    width:20%;

}


.MainColumn

{

    overflow:hidden;

}


img

{

    border: 0px;

}


h2

{

   margin: 0px;

}


blockquote

{

    width: 80%;

    color: #000000;

    border: solid 1px #3B3B2B;

    background: #FFFFFF;

    margin: 0px auto;

    padding: 15px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}


blockquote a, blockquote a:link

{

    color: #00628B !important;

    text-decoration: underline;

}


blockquote a:visited

{

    color: #00628B !important;

    text-decoration: underline;

}


blockquote a:hover

{

    color: #000000 !important;

    text-decoration: none;

}


.Article

{

   z-index: 0;

   position: relative; 

   color: #000000;

}


.ArticleContent

{

   position: relative;

   z-index: 1;

   overflow: hidden;

   padding: 18px 18px 18px 18px;

}


.Article a

{

   color: #00628B;

text-decoration: underline;

}


.Article a:visited

{

   color: #00628B;

text-decoration: underline;

}


.Article a:hover

{

   color: #000000;

text-decoration: none;

}


.ArticleTL, .ArticleTR, .ArticleBL, .ArticleBR, .ArticleL, .ArticleT, .ArticleR, .ArticleB, .ArticleC

{

   position: absolute;

   z-index: -1;

   overflow: hidden;

}

.ArticleTL, .ArticleTR, .ArticleBL, .ArticleBR

{

   width: 22px;

   height: 22px;

}

.ArticleTL

{

   top: 0;

   left: 0;

   background-image: url('images/ArticleCorners.png');

}


.ArticleTR div, .ArticleBL div, .ArticleBR div

{

    height: 44px;

    width: 44px;

    position: absolute;

    z-index: -1;

    background-image: url('images/ArticleCorners.png');

}


.ArticleTR div

{

    left: -22px;

}


.ArticleBL div

{

    top: -22px;

}


.ArticleBR div

{

    left: -22px;

    top: -22px;

}


.ArticleTR

{

   top: 0;

   right: 0;

}

.ArticleBL

{

   bottom: 0;

   left: 0;

}

.ArticleBR

{

   bottom: 0;

   right: 0;

}

.ArticleT, .ArticleB

{

   left: 22px;

   right: 22px;

   height: 22px;

}



.ArticleT

{

   top: 0;

   background-image: url('images/ArticleHorizontal.png');

}


.ArticleB

{

   bottom: 0;

}


.ArticleB div

{

    position: absolute;

    z-index: -1;

    top: -22px;

    height: 44px;

    width: 100%;

    background-image: url('images/ArticleHorizontal.png');

}


.ArticleL, .ArticleR

{

   top: 22px;

   bottom: 22px;

   width: 22px;

}

.ArticleL

{

   left: 0;

   background-image: url('images/ArticleVertical.png');

}

.ArticleR

{

   right: 0;

}

.ArticleR div

{

    position: absolute;

    z-index: -1;

    left: -22px;

    width: 44px;

    height: 100%;

    background-image: url('images/ArticleVertical.png');

}

.ArticleC

{

   left: 22px;

   top: 22px;

   right: 22px;

   bottom: 22px;

   background-image: url('images/ArticleCenter.png');

}


.Block

{

   z-index: 0;

   position: relative; margin: 5px;

   color: #000000;

}


.BlockContent

{

   position: relative;

   z-index: 1;

   overflow: hidden;

   padding: 15px 15px 15px 15px;

}


.Block a

{

   color: #00628B;

text-decoration: underline;

}


.Block a:visited

{

   color: #00628B;

text-decoration: underline;

}


.Block a:hover

{

   color: #000000;

text-decoration: none;

}


.BlockTL, .BlockTR, .BlockBL, .BlockBR, .BlockL, .BlockT, .BlockR, .BlockB, .BlockC

{

   position: absolute;

   z-index: -1;

   overflow: hidden;

}

.BlockTL, .BlockTR, .BlockBL, .BlockBR

{

   width: 12px;

   height: 12px;

}

.BlockTL

{

   top: 0;

   left: 0;

   background-image: url('images/BlockCorners.png');

}


.BlockTR div, .BlockBL div, .BlockBR div

{

    height: 24px;

    width: 24px;

    position: absolute;

    z-index: -1;

    background-image: url('images/BlockCorners.png');

}


.BlockTR div

{

    left: -12px;

}


.BlockBL div

{

    top: -12px;

}


.BlockBR div

{

    left: -12px;

    top: -12px;

}


.BlockTR

{

   top: 0;

   right: 0;

}

.BlockBL

{

   bottom: 0;

   left: 0;

}

.BlockBR

{

   bottom: 0;

   right: 0;

}

.BlockT, .BlockB

{

   left: 12px;

   right: 12px;

   height: 12px;

}



.BlockT

{

   top: 0;

   background-image: url('images/BlockHorizontal.png');

}


.BlockB

{

   bottom: 0;

}


.BlockB div

{

    position: absolute;

    z-index: -1;

    top: -12px;

    height: 24px;

    width: 100%;

    background-image: url('images/BlockHorizontal.png');

}


.BlockL, .BlockR

{

   top: 12px;

   bottom: 12px;

   width: 12px;

}

.BlockL

{

   left: 0;

   background-image: url('images/BlockVertical.png');

}

.BlockR

{

   right: 0;

}

.BlockR div

{

    position: absolute;

    z-index: -1;

    left: -12px;

    width: 24px;

    height: 100%;

    background-image: url('images/BlockVertical.png');

}

.BlockC

{

   left: 12px;

   top: 12px;

   right: 12px;

   bottom: 12px;

   background-image: url('images/BlockCenter.png');

}


.BlockHeader

{

    border:0;

    margin: 0px 0px;

    background: transparent url('images/BlockHeaderAnchor.png') no-repeat top left;

    position:relative;

    overflow: hidden;

    height: 27px;

    padding: 0px 0px 0px 18px;

    display: block;

    font-size: 15px;

    vertical-align:middle;

    zoom: 1;

}


.BlockHeader span

{

    border:0;

    margin:0;

    background: transparent url('images/BlockHeader.png') no-repeat right top;

    display:block;

    position:relative;

    color: #FFFFFF;

    line-height: 17px;

}


.BlockHeader span

{

    padding: 5px 18px 5px 0px;

}




.BlockHeader

{

    font-weight: bold;

    margin: 0px 0px 7px 0px;

}


.BlockContentBorder { margin-bottom: 10px; padding: 10px; }


.Button, .ButtonInput

{

    border:0;

    margin: 3px 0px;

    background: transparent url('images/ButtonAnchor.png') no-repeat top left;

    position:relative;

    overflow: hidden;

    height: 27px;

    padding: 0px 0px 0px 18px;

    display: inline-block;

    font-size: 15px;

    vertical-align:middle;

    zoom: 1;

}


.Button span, .ButtonInput span

{

    border:0;

    margin:0;

    background: transparent url('images/Button.png') no-repeat right top;

    display:block;

    position:relative;

    color: #FFFFFF;

    line-height: 17px;

}


.Button span

{

    padding: 5px 18px 5px 0px;

}


.ButtonInput span

{

    padding: 0px 18px 0px 0px;

    height:27px;

}


.ButtonInput input

{

    font-size: 15px;

    color: inherit;

    height: 27px;

    padding: 0px 18px;

    margin: 0px -18px;

    overflow: visible;

    cursor: pointer;

    background: Transparent;

    border: 0;

    *left: -18px;

}


/* remove outline on click */

.ButtonInput::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner {

    border: none;

}


.Button, .Button:link, .Button:visited, .Button:hover, .Button:active

{

    text-decoration: none !important;

    outline: none;

}


.Button:hover, .ButtonInput:hover

{

    background-position: left center;

}


.Button:hover span, .ButtonInput:hover span

{

    background-position: right center;

    color: #FFFFFF;

}


.Button:active, .ButtonInput:active

{

    background-position: left bottom;

}


.Button:active span, .ButtonInput:active span

{

    background-position: right bottom;

    color: #000000;

} 


.Footer

{

   color: #000000;   

   text-align: Center;

   background: url('images/Footer.png') bottom left;

   overflow: hidden;

   padding: 5px 9px;

}


.Footer a

{

   color: #FFFFFF;

text-decoration: underline;

}


.Footer a:visited

{

   color: #FFFFFF;

text-decoration: underline;

}


.Footer a:hover

{

   color: #FFFFFF;

text-decoration: none;

}


.RushTideLink

{

    text-align:center;

    display:block;

    display:block;

    font-size:11px;

    padding:0 0 12px;

    color: #000000;

}

.RushTideLink a

{

    color: #000000;

}

(Mariusz2124) #4

jeżeli możesz wrzucić tą stronę gdzieś na serwer to bym Ci pomógł bo tak niestety nie mam jak zobaczyć jak to wygląda bo nie mam dostępu do grafik.


(Rezker) #5

http://brak.pl/


(floyd) #6

Zmień

na:

Będzie dobrze działało także w IE8, ale oczywiście źle w IE6 bo ta przeglądarka źle interpretuje xhtml.

Żeby się dobrze wyświetlało w IE6 trzeba napisać także kod pod IE6 :slight_smile:

albo po prostu całą stronę w html.


(kwpolska) #7

Za chiny ludowe nie! Najlepiej będzie, jak podstawi to:

i oczywiście poprawi to na HTML4. (pacnij mnie i mnie żeby dowiedzieć się dlaczego)