Zdravím
Už asi 4 dny se marně snažím si upravit sqelí layout Frestyle2006 k obrazu svému, avšak stále narážím na problém, jak tam dostat své logo cca 600x100 px, tak aby se zobrazovalo vždy uprostřed a to korektně i v IE6. :(
Pokavad to tam dam, a zadam hodnotu "margin:0 auto;" - tak mi to ve Firefoxu ukazuje tak jak ma, ale v tom Exploleru mi to dela psi kusy :(
Poradte pls nekdo - rad bych to dal misto toho zahlavi co tam je ten barevny pruh nahoře - jinak ty obrazky co jsou přes to zakomentuju a bude to snad fungovat i bez nich.
Předem Všem Díííky za jakékoliv info

V IE sa zarovnanie na stred hackuje pomocou text-align: center; pre nadradeny CSS blok. IE je totiž bugový a zarovnáva blokový element ako text, táto chyba sa dá použiť. Je tak riešené zarovnanie layoutu napríklad v rsBloger.
[http://www.kvalitne.sk/koncepty/rsBloger/image/rsBloger/rsBloger-old1.css]

body
	{
	font-family:Georgia, "New York CE", utopia, serif;
	font-size:95%; line-height:1.25em; color:#000;
	margin:0; padding:0 4px; background-color:#eee; text-align:center;
	}

#lay1	{
	width:770px; left:0; margin:0 auto; padding:0; text-align:left;
	background:#f1f1f1 url('old1-marg.png');
	}

zelená - zarovnanie pre normálne browsery
červená - zarovnanie pre IE

Inak to logo by sa dalo umiestniť na stred cez pozadie bloku pomocou
background: url('my_logo.png') 50% 50% no-repeat;

Jen se ještě zeptám - upravuji toto všechno správně v souboru "freestyle2006.css" ?

a kam presne to mam tedy pripsat ?
-----------------------------------------------------------------------------------------------------

body {
font-family: Verdana, "Geneva CE", lucida, sans-serif;
font-size: 12px;
color: #2b3953;
margin:0;
padding:0;
background:#fff;
/* nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne */
/*
scrollbar-face-color: #768db9;
*/
}

table {
border-collapse: collapse;
}

/* zakladna tabulka layoutu */
#layout {
height:100%;
}
/* lavy okraj layoutu */
#lm {
width: 8%;
background:#9eaecd url('layLm.png') top right repeat-y;
}
/* pravy okraj layoutu */
#rm {
width: 8%;
background:#9eaecd url('layRm.png') top left repeat-y;
}
/* zahlavie */
#zahlavi1 {
position: relative;
margin:0;
padding:0;
height:100px;
background:#9eaecd;
}
/* napis - graficky prvok vlavo v zahlavi */
#zahlavi-gr1 {
position:absolute;
bottom:-22px;
left:10px;
width:342px;
height:68px;
background:url("logo4.gif");
cursor: hand;



Celkem upraveno 1×. Poslední úprava Marlo v 12.03.2006 14:27.

Tak již jsem to vyřešil (dle tohoto návodu) - tak tedy ještě jednou Děkuji za ochotu a pomoc.