Autor Zpráva
Markus
Profil *
Potřebuji poradit jak vytvořit 3 sloupcový layout. Ale žádné absoutní nebo relativní pozicování. Pouze float.
Nikde nic nemohu najít díky

Hlavicka (900px)
pravy(190px), obsah , levý(190px),
Patička (900px)

Aby to fungovalo ve všech prohlížečích

Díky
Anonymní
Profil *
http://css.interval.cz/clanky/vychytany-trisloupcovy-fluidni-layout-se -stejnou-delkou-panelu/
Markus
Profil *
Můžete mi poradit, udělal jsem si 3 sloupcový layout, ale mám dva problémy

1. V IE je pod logen takova tenka cara pozadi. Nevim jak to opravit.
2.V opere a snad i ve FF není pozadi stranky az do pravého konce.


http://www.uces.tym.cz/

CSS:
=====

body, html {
font-family: verdana, arial, helvetica, sans-serif;
background-image: url("../images/background.gif");
background-repeat: repeat-x;
background-attachment : fixed;
background-position : 0px 0px;
background-color: #FCFEFC;
margin: 10px;
padding: 10px 0;
text-align: center;
min-width: 990px;
}

.stranka {
width: 980px;
margin: 0 auto;
border: 0px solid black;
padding: 0px;
text-align: left;
background-image: url("../images/pozadi.jpg");
background-repeat: repeat-y;
background-attachment : fixed;
}

.lang {
height: 25px;
}

.header {
background: #ffffff url("../images/bck.jpg");
height: 18px;
}

.lista {
background: #ffffff url("../images/bck1.jpg");
height: 18px;
}

.menu {
float: left;
width: 190px;
}

.obsah {
font-size: 11px;
width: 580px;
}

.right {
float: right;
width: 190px;
}

h2 {
font-weight: bold;
font-size: 1.3em;
background: transparent url("../images/odrazka_m.jpg") 0 10px no-repeat;
padding: 8px 0 0 25px;
margin-left: 5px;
border-bottom: 1px solid #D4D4D4;
}

p {
text-align: justify;
margin: 10px 10px 0 0;
}

.paticka {
text-align: right;
height: 18px;
background: #b5b5b5;
clear: both;
font-size: 10px;
background: #ffffff url("../images/bck1.jpg");
}

/********************/
/* ZACATEK MENU */
/********************/

.buttonscontainer {
width: 170px;
margin: 6px 6px;
}

.buttons a {
color: #ffffff;
background-color: #626378;
padding: 5px;
padding-left: 10px;
display: block;
font: 13px arial, sans-serif;
text-decoration: none;
text-align: left;
margin-top: 1px;
}

.buttons a:hover {
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

.buttons a.aktivniodkaz {
color: #000000;
background-color: #8EA0AE;
padding: 5px;
padding-left: 10px;
display: block;
font: 13px arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;
}

/******************/
/* KONEC MENU */
/******************/
Toto téma je uzamčeno. Odpověď nelze zaslat.

0