Dėl IE6 atvaizdavimo

Taigi bėda yra tokia kad visos narsykles svetaine atvaizduoja gerai o IE6 siek tiek iskraipo headeri (virsutini meniu ir logotipa su baneriu), tiesiog juos sustumia i viduri. Gal kas zino kaip galima butu tai sutvarkyti ?

Dabar pats pabandyk įsivaizduoti, kad skaitai kito žmogaus postą apie tinklapį, kurio nesi akyse matęs, apie source kodą, kurio nė neįnumanai. Taigi klausimas, ką tau apie problemą nusako pirmasis postas? Atsakymas: visiškai nieko. Jei tikiesi pagalbos, tai bent jau malonėk suteikti minimaliai informacijos apie konkrečią bėdą ar pateik screenshotų/nuorodų/html ir css kodą, kas leistų bent įsivaizduoti galimus sprendimo būdus.

Dabar pats pabandyk įsivaizduoti, kad skaitai kito žmogaus postą apie tinklapį, kurio nesi akyse matęs, apie source kodą, kurio nė neįnumanai. Taigi klausimas, ką tau apie problemą nusako pirmasis postas? Atsakymas: visiškai nieko. Jei tikiesi pagalbos, tai bent jau malonėk suteikti minimaliai informacijos apie konkrečią bėdą ar pateik screenshotų/nuorodų/html ir css kodą, kas leistų bent įsivaizduoti galimus sprendimo būdus.

Na aš turėjau omenį kad gal kas žino kur ieškoti tokios informacijos arba gal kas sutvarkytu už užmokestį.

Na čia layout css failas:

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
color: #797971;
}



.wrapper { margin: auto; }

#header {
position: relative;
z-index: 10;
padding: 0px 10px 30px 10px;
clear: both;
}

#top {
padding: 0px 0px 30px 0px;
overflow: hidden;
clear: both;
}

#middle {
padding: 0px 0px 30px 0px;
clear: both;
min-height: 300px;
}

#bottom {
padding: 0px 0px 30px 0px;
overflow: hidden;
clear: both;
}

#bottom2 {
padding: 0px 0px 30px 0px;
overflow: hidden;
clear: both;
}

#footer {
position: relative;
padding: 0px 0px 30px 0px;
clear: both;
text-align: center;
}



#middle {
width: 100%;  

overflow: hidden;  
position: relative;  
}

#middle-expand {
width: 200%;
}


#main {
position: relative;
left: 50%;
width: 50%;
float: left;
}

#main-shift {
position: relative;
left: -100%;


overflow: hidden;
}


#left {
position: relative;
left: -50%;

float: left;
overflow:hidden;
}


#right {


float: left;
overflow:hidden;
}



div#maintop,
div#contenttop {
margin: 0px 0px 20px 0px;
overflow: hidden;
}

div#contentbottom,
div#mainbottom {
margin: 20px 0px 0px 0px;
overflow: hidden;
}



#mainmiddle {
width: 100%;  

overflow: hidden;  
position: relative;  
}

#mainmiddle-expand {
width: 200%;
}


#content {
position: relative;
left: 50%;
width: 50%;
float: left;
}

#content-shift {
position: relative;
left: -100%;


overflow: hidden;
}


#contentleft {
position: relative;
left: -50%;

float: left;
overflow:hidden;
}


#contentright {


float: left;
overflow:hidden;
}



.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }



body.yoopage { background: #ABAAA1; }
#page-body { background: #F5F4EB url(../images/page_body_bg.png) 50% 0 repeat-x; }
#page-footer { 
padding-top: 30px;
background: url(../images/page_footer_bg.png) 50% 0 repeat-x;
}



#absolute {
position: absolute;
z-index: 15;
top: 0px;
left: 0px;
width: 100%;
}




#headerbar {
min-height: 80px;
padding: 80px 0px 35px 300px;
overflow: hidden;
border-bottom: 3px solid #CDCCC3;	
}


#breadcrumbs {
height: 30px;
border-bottom: 3px solid #CDCCC3;
overflow: hidden;
line-height: 30px;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
text-transform: uppercase;
}

#breadcrumbs a,
#breadcrumbs span {
display: block;
float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator {
margin-right: 10px;
padding-right: 20px;
background: url(../images/breadcrumbs.png) 100% 11px no-repeat;
}

#breadcrumbs a:link,
#breadcrumbs a:visited { color: #E99D01; }
#breadcrumbs a:hover { color: #EB5F2B; }


#logo {
position: absolute;
top: 45px;
left: 10px;
}

#menu {
position: absolute;
top: 5px;
left: 6px;
z-index: 11;
}

#search {
position: absolute;
bottom: 38px;
right: 10px;
z-index: 12;
}

#banner {
position: absolute;
top: 150px;
right: -15px;
width: 0px;
z-index: 3;
}



#footer {
color: #ffffff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

#footer a.anchor {
position: absolute;
right: 5px;
top: 0px;
width: 25px;
height: 20px;
background: url(../images/footer_anchor.png) 0 0 no-repeat;
display: block;
text-decoration: none;
}

#footer a.anchor:hover { background-position: 0 -15px; }



div.bottom-line {
margin: 0px 10px 30px 10px;
border-top: 3px solid #CDCCC3;
overflow: hidden;
}



#component { margin: 0px 10px 0px 10px; }

body.nofrontpage #component {
margin: 0px 10px 0px 10px;
padding: 1px;
border: 1px solid #CDCCC3;
background: #ffffff;
}

body.nofrontpage #component .component-bg {
padding: 10px;
background: url(../images/module_box_bg.png) 0 0 repeat-x;
}

o čia screenas:

neleisk naršyti po svetainę su IE6 ir viskas tegu atsinaujina net ir google ar tai planuoja ar taip padarė jau, nes IE6 seniena šlamštas paskutinis.

zinau kad seniena ir t.t bet nemazai zmoniu vis dar ja naudoja :) tad manau kol visiskai dings is rinkos si narsykle reiktu sutvarkyti :)

Naudok atskirą stilių IE6, lengviausias būdas.

Naudok atskirą stilių IE6, lengviausias būdas.

Cia yra ie6hacks css failas : bet nerandu klaidos ar kazko

 * global bug fixes
*/

/* reset forcing vertical scrollbar */
body { overflow: visible; }

/* italics bug */
/* http://www.positioniseverything.net/explorer/italicbug-ie.html */
* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }

* html textarea { overflow: scroll; overflow-x: hidden; }
* html input { overflow: hidden; }

/* guillotine bug */
/* http://www.positioniseverything.net/explorer/guillotine.html */
* html body a, * html body a:hover { background-color: transparent; }

/* list-numbering bug */
body ol li { display: list-item; }

/* helper to force layout */
.ie6-zoom {	zoom: 1; }

/*
* reset
*/

hr { color: #c8c8c8; }


q { font-style: normal; }
blockquote { font-style: normal; }

/*
* layout
*/

div#top,
div#bottom { zoom: 1; }
div#footer { zoom: 1; }



#main #main-shift { zoom: 1; }



div#maintop,
div#contenttop,
div#contentbottom,
div#mainbottom { zoom: 1; }



#content #content-shift { zoom: 1; }



.floatbox { zoom: 1; }

/* double float-margin bug */
/* http://www.positioniseverything.net/explorer/doubled-margin.html */
* html .float-left { display: inline; }
* html .float-right { display: inline; }

.width15 { width: 14.9%; }
.width18 { width: 17.9%; }
.width20 { width: 19.9%; }
.width23 { width: 22.9%; }
.width25 { width: 24.9%; }
.width33 { width: 32.9%; }
.width34 { width: 33.9%; }
.width35 { width: 34.9%; }
.width40 { width: 39.9%; }
.width45 { width: 44.9%; }
.width50 { width: 49.9%; }
.width54 { width: 53.9%; }
.width65 { width: 64.9%; }
.width75 { width: 74.9%; }

/*
* menus
*/

/* topmenu */
#toolbar ul.menu,
#footer ul.menu { white-space: nowrap; }

#toolbar .menu li,
#footer .menu li,
#toolbar .menu li a,
#footer .menu li a { display: inline; }

/* menu */
#menu span { cursor: pointer; }


#menu li.hovered .dropdown { left: 0px; }

#menu .dropdown,
#menu .dropdown-3 { zoom: 1; }

#menu .dropdown-t3,
#menu .dropdown-b3 { overflow: hidden; }

#menu li.level2 {
float: left;
width: 100%;
zoom: 1;
}

#menu .group-box1,
#menu .group-box5 {
zoom: 1;
overflow: hidden;
}

#menu li.level3 { zoom: 1; }

/* sub menu */
.mod-menu ul.menu span { cursor: pointer; }

/*
* modules
*/

div.module { zoom: 1; }


#toolbar div.module {
width: 0px;
white-space: nowrap;
}

/*
* joomla
*/

div.joomla div.headline { zoom: 1; }

div.joomla div.icons { width: 55px; }

div.joomla div.item,
div.joomla div.item-bg { zoom: 1; }

a.readmore { cursor: pointer; }

a.readmore:hover {
background-position: 0 -24px;
text-decoration: none;
}

/*
* typography
*/

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li { zoom: 1; }

ol.disc { padding: 0px 0px 0px 50px; }

ol.disc li {
padding-left: 5px;
margin: 0px 0px 5px 0px;
}

hr.dotted {
background: none;
border: dotted 1px #c8c8c8;
}

p.dropcap:first-letter { line-height: 100%; }

niekas nepades ?

galiu sutvarkyti :-)

galiu sutvarkyti :-)

kiek nori uz toki darbeli ?