Autor Zpráva
7777
Profil
Takže začal som programovať pre jeden starý web nový desing a ako vždy i teraz mám problém v začiatkoch:
V css som nastavil toto:

body {
margin: 20 20 20 100;
background-color:#000000;
border-color:#ffffff;
width:1024px;
height:auto;
min-height:800px;
border-style: dotted;
text-align:center;
position:absolute;
}

#obsah {
background-color:#ffffff;
color:#000000;
width:824px;
height:auto;
min-height:812px;
position:relative;
left:auto;
float:right;
}

#menu {
background-color:gold;
width:200px;
height:auto;
min-height:800px;
height:auto;
position:relative;
right:auto;
float:left;
font-size: small;
font-family: "Verdana", Helvetica, sans-serif;
font-weight: bolder;
}
h2 {font-weight: normal;}
a {text-decoration: none;}
a:link { color: #000000;}
a:visited { color: #603030;}
a:hover { color: #f00000;}
a:active { color: #50a000;}
Mám ale problém že keď zväčším veľkosť divu #menu tak chcem aby sa veľkosť divu #obsah prispôsobola veľkosti menu. A naopak.
margin
Profil *
Pokud chceš stejnou výšku sloupců, tak tu pro používané prohlížeče (zatím) nejde jednoduše udělat , ale jde jde navodit takovou iluzi.
http://teststranek.kvalitne.cz/vyska-sloupcu1/
http://qu.wu.cz/webtest/jednoduche-schema-stranky.htm
7777
Profil
Nejako na princip neviem prísť môžeš vysvetliť viac. Pozerám v oboch .css Prekopíroval som obrźok ale nejako mi tio web necentruje ako chcem.

body {
margin: 20px 20px 20px 100px;
background-color:#000000;
border-color:#ffffff;
width:1024px;
height:auto;
min-height:800px;
border-style: dotted;
text-align:center;
position:absolute;
}

#kontajner {
    background: #ffc url(gh.jpg);
    width:1024px;
    height:auto;
    margin: auto;  /* centrovani standardní prohlížeče */
}

#obsah {
background-color:#ffffff;
color:#000000;
width:824px;
height:auto;
min-height:812px;
position:relative;
left:auto;
float:right;
display: block;
}

#menu {
background-image: url('poz1a.jpg');
background-image: url('poz2a.jpg');
width:200px;
height:auto;
min-height:800px;
height:auto;
position:relative;
right:auto;
float:left;
font-size: small; 
font-family: "Verdana", Helvetica, sans-serif;
font-weight: bolder;
display: block;
}
#paticka {
background-color:#dc143c;
position: relative
width:auto;
height:50px;
float:top;
top:auto;
}

h2 {font-weight: normal;}
a {text-decoration: none;}
a:link { color: #000000;}
a:visited { color: #603030;}
a:hover { color: #f00000;}
a:active { color: #50a000;}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: