nazdar ludia mam taky problem chcem mat tri tabulky navigation to je OK potrebujem ho mat uplne v pravo potom menu suroviny to potrebujem mat kusok od navigation aj to tak je a nakoniec hlavne okno ktore chcem mat vlavo kusok od okraja ale problem je nasledovny. navigation je napozicii right menu je tiez right lebo ked ho dam dostredu center tak mi okno "padne" dolu neviete s tym niekto poradit skusil som uz vsetko mozne ale neviem na to za boha prist.
Kód:
/*posunutie okraja na 10*/
body {
margin: 10 auto;
padding: 0;
background-color: #black;
}
a {
text-decoration:none;
color: blue;
}
/*hlavicka tam kde je nadpis*/
h1 {
font-size: 1.5em;
margin: 0 0 0.7em; padding: 0.2em;
text-align: center;
background-color: silver;
color: black;
border: 1px black;
}
h2 {
border-bottom: 1px solid black;
}
html>body h1 {
border-color: red; /* needed by IE */
}
ul#Navigation {
font-size: 0.83em;
/*poziciovanie*/
float: right; width: 18em;
margin: 0 0 0.0em; padding: 0;
border: 1px black;
background-color: #red;
color: black;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.5em;
font-weight: bold;
background-color: silver;
text-decoration:none;
}
ul#Navigation a:link {
color: red;
background-color: #eee;
text-decoration:none;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
ul#Navigation a:visited {
color: black;
background-color: #eee;
text-decoration:none;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
ul#Navigation a:hover {
color: black;
background-color: BFBFBF;
text-decoration:none;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
ul#Navigation a:active {
color: black;
background-color: silver;
text-decoration:none;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
div.info {
font-size: 0.9em;
float: right;
width: 12em;
margin: 0 0 1.1em;
padding: 0;
background-color: #eee;
color: black;
border: 1px black;
}
div.info a {
background-color: #eee;
color: black;
}
/*menu suroviny*/
div#blank {
font-size: 0.9em;
float: right;
width: 12em;
margin: 0 0 1.1em;
padding: 0;
/*background-color: #FFFFFF; */
color: black;
border: 0px black;
}
div.info h2 {
font-size: 1.33em;
margin: 10em 0.5em;
}
div#blank h2 {
font-size: 1.33em;
margin: 0.2em 0.5em;
}
div.info p {
font-size: 1em;
margin: 0.5em;
}
div#blank p {
font-size: 1em;
margin: 0.5em;
}
/*hlavne zobrazenie*/
div#content {
position: absolute;
margin: auto;
width: 800px; /*Width of left frame div*/
height: auto;
padding: 1em;
border: 10px black;
background-color: silver;
color: white;
}
* html div#content {
height: 1em; /* Workaround against the 3-pixel-bug of the IE */
}
div#content h2 {
font-size: 1.2em;
margin: 0.2em 0;
}
div#content p {
font-size: 1em;
margin: 1em 0;
}
/*peticka*/
/* p#footer {
clear: both;
font-size: 0.9em;
margin: 0;
padding: 0.1em;
text-align: center;
background-color: silver;
color: black;
border: 0px solid black;
position: auto; */
}
tr.row_1 {
background-color: #898989;
color: black;
}
tr.row_2 {
background-color: #999999;
color: black;
}
tr.title {
background-color: #DD0000;
color: green;
}
table.nice {
border: 1px solid black;
}
table.nice td, table.nice th {
border: 1px solid black;
}
.no_border {
background-color: #DDDDDD;
color: black;
width: 100%;
border: none;
}
.no_border_boxed {
background-color: #DDDDDD;
color: black;
width: 94%;
border: none;
}
.no_border_box {
background-color: #DDDDDD;
color: black;
width: 4%;
border: none;
}
.submit {
background-color: #6666FF;
color: black;
border: 1px solid black;
}
.input {
background-color: #DDDDDD;
color: black;
border: 1px solid black;
}
.nice_input {
background-color: #DDDDDD;
color: black;
border: 1px solid black;
}
#information div.info {
color: white;
position: absolute;
width: 300px;
border: 1px solid black;
display: none;
background-color: silver;
font-size: 11px;
}
